具有梯度的js柱状图

时间:2019-02-05 06:22:09

标签: bar-chart plotly gradient plotly.js

我正在尝试使用plotly-js创建条形图。除了显示整个条形的单一颜色外,没有任何方法可以显示每个条形的渐变。

[注意] 我不是在寻找色标,它采用所有值,然后确定每个条的颜色。

1 个答案:

答案 0 :(得分:0)

在下面的示例性条形图示例代码中,该链接显示了一种为每个单独的条形着色的方法。

Customizing Individual Bar Colors

您可以使用任何生成器网站(例如this

)创建渐变

最后在示例代码上实现颜色。请让我知道以下代码是否对您有帮助。

from plotly.offline import download_plotlyjs, init_notebook_mode, plot, iplot
init_notebook_mode(connected=True)

trace0 = go.Bar(
    x=['Feature A', 'Feature B', 'Feature C',
       'Feature D', 'Feature E'],
    y=[20, 14, 23, 25, 22],
    marker=dict(
        color=['#051937', '#2b3953',
               '#505c70', '#78818d',
               '#a4a8ac']),
)
data = [trace0]
layout = go.Layout(
    title='Least Used Feature',
)

fig = go.Figure(data=data, layout=layout)
iplot(fig, filename='color-bar')