Chartjs-条形图-背景渐变

时间:2019-05-25 16:08:53

标签: angularjs canvas chart.js bar-chart gradient

我有一个带有chartjs的angularjs项目。 我想要一个带有渐变背景的条形图。 在Google搜索中,我找到了此代码


var backgroundGradient = $element.find('canvas')[0].getContext('2d').createLinearGradient(0, 0, 0, 600);

backgroundGradient.addColorStop(0.0, "#fcffa4")
backgroundGradient.addColorStop(0.3, "#f98e08")
backgroundGradient.addColorStop(0.7, "#bb3754")
backgroundGradient.addColorStop(01, "#570f6d")

BarChart.data.datasets[0].backgroundColor = backgroundGradient;

但是,如果我调整图表的大小,则背景变化将保持不变,直到变成单色为止。

你能帮我吗?

0 个答案:

没有答案