Plotly Da sh - Градиентные Линии - PullRequest
0 голосов
/ 28 апреля 2020

Возможно ли использование Plotly Da sh для создания линейных графиков, в которых цвета линий являются градиентными (чисто для эстетики)?

Я пытался использовать что-то вроде

'line': {'color': 'linear-gradient(90deg, red, red 60%, white)' }

пример всего кода графа в графике das sh

    dcc.Graph(
        id='MORTGAGE_RATES',
        figure={
            'data': [
                 { "x": MORTGAGE30US['date'],"y": MORTGAGE30US['value'],"mode": "lines","name": '30 YR', 'line': {'color': 'linear-gradient(90deg, red, red 60%, white)' }},
                 { "x": MORTGAGE15US['date'],"y": MORTGAGE15US['value'],"mode": "lines","name": '15 YR',},


            ],
            'layout': {
                'title': 'MORTGAGE RATES',
                "paper_bgcolor": "rgb(46, 54, 65)",
                "plot_bgcolor": "rgb(46, 54, 65)",
                'font': {
                    'color': "rgb(255,255,255)"
                }
            }
        }
    )

1 Ответ

1 голос
/ 29 апреля 2020

Эта функция пока недоступна для двухмерных линейных графиков, в настоящее время она доступна только для трехмерных линейных графиков, см. https://github.com/plotly/plotly.js/issues/581. Однако можно использовать цветовую шкалу на двухмерном графике, если вместо линий используются маркеры, см. Пример ниже.

import plotly.graph_objects as go
import numpy as np

t = np.linspace(0, 10, 1000)
x, y = t, np.cos(t)

data = go.Scatter(x=x, y=y, mode='markers', marker={'color': x, 'colorscale': 'Rainbow', 'size': 10})

layout = dict(plot_bgcolor='white', margin=dict(t=0, b=0, r=0, l=0, pad=0),
              xaxis=dict(showgrid=False, zeroline=False, mirror=True, linecolor='gray'),
              yaxis=dict(showgrid=False, zeroline=False, mirror=True, linecolor='gray'))

fig = go.Figure(data=data, layout=layout)

fig.show()

enter image description here

...