【问题标题】:ChartJS 2.6 - Change color of bar in Bar chart programmaticallyChartJS 2.6 - 以编程方式更改条形图中条形的颜色
【发布时间】:2017-06-26 13:13:54
【问题描述】:

谁能告诉我如何更改给定条形图颜色的背景/悬停颜色?我正在将图表对象注销到控制台,但我看不到任何可以设置来完成此操作的明显内容。我希望能够以编程方式按需更改条形图中的列颜色。

我可以在图表对象中看到的是 chart.data.datasets[0]._meta.data[0]._view.backgroundColor 属性。但是肯定有比像这样一路顺着物体往下走更简单的方法,不是吗?

【问题讨论】:

    标签: javascript jquery chart.js2 chart.js


    【解决方案1】:

    您应该能够直接在 datasets 对象中访问背景颜色数组:

    chart.data.datasets[0].backgroundColor[0]
    

    示例用法: https://jsfiddle.net/6d0jsyxu/1/

    【讨论】:

    • 注意:更改后别忘了致电chart.update();。
    猜你喜欢
    • 2011-08-03
    • 2012-01-19
    • 1970-01-01
    • 1970-01-01
    • 2012-10-18
    • 2013-12-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多