更改Plot.ly Dash图的颜色

时间:2019-12-17 13:01:35

标签: python

为了在我的Plot.ly图形中直观地传达群组,我试图更改线条的颜色以使其与群组中的线条相对应。但是,到目前为止没有任何效果,每种颜色始终保留为默认颜色。

我正在存储应分配给字典中每一行的颜色,如下所示:

colourDict = {'AF3': '#0d41ff','AF4': '#0d41ff',
              'F7': '#e37c32','F3': '#e37c32','F4': '#e37c32','F8': '#e37c32',
              'FC5': '#36a30b','FC6': '#36a30b',
              'T7': '#e80202','T8': '#e80202',
              'P7': '#d3d60b','P8': '#d3d60b',
              'O1': '#0dfff3','O2': '#0dfff3'}

通过以下代码为每个图形线分配颜色:

# create graph
app.layout = html.Div(children=[
    html.H1(children='Aparte stimuli'),

    html.Div(children='''
        colour test 
    '''),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [{'x': xAxis, 'y': dataList[key], 'type': 'line', 'name': key, 'color': colourDict[key]}
                     for key in dataList
                     ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

对应于在 ColourDict 中分配的键,并且根据字典为颜色标签分配了十六进制值。

但是,如下图所示,它不会改变颜色。

Screenshot of plot.ly graph

任何帮助将不胜感激。 预先感谢!

0 个答案:

没有答案