PlotlyDash: How to change line color?

Question

I'm using plotly dash to create a line chart and want to change the lines to a specific color. You'll see this in my code, but it doesn't change the colors from the default. I'm guessing I'm doing this wrong. There is a way to change the color right? And if so, how do I fix this?

dcc.Graph(id='henry',
        figure={
            'data':[
                {'x':dates,'y':henrycases,'type':'line','name':'Cases','color':'red'},
                {'x':dates,'y':henrydf,'type':'line','name':'Wait Time','color':'black'}
                ],
            'layout':{
                'title':'Henry County Wait Time and New Cases per Day'
                }

Kristian Haga · Accepted Answer · 2020-09-01 17:57:52Z

3

You can specify the line colors like this

dcc.Graph(
    id='henry',
    figure={
        'data': [
            {'x':dates,'y':henrycases,'type':'line','name':'Cases','line':dict(color='red')},
            {'x':dates,'y':henrydf,'type':'line','name':'Wait Time','line':dict(color='black')}
        ],
        'layout': {
            'title':'Henry County Wait Time and New Cases per Day'
        }
    }
)

Alternatively like this

dcc.Graph(
    id='henry',
    figure={
        'data': [
            {'x':dates,'y':henrycases,'type':'line','name':'Cases','line_color':'red'},
            {'x':dates,'y':henrydf,'type':'line','name':'Wait Time','line_color':'black'}
        ],
        'layout': {
            'title':'Henry County Wait Time and New Cases per Day'
        }
    }
)

edited Sep 1, 2020 at 17:57

answered Aug 12, 2020 at 20:00

Kristian Haga

1,3982 gold badges16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PlotlyDash: How to change line color?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related