获取Chart.js条形图中条形的像素高度以设置渐变填充

时间:2019-01-09 10:46:14

标签: javascript chart.js

我有一个chartjs条形图,并且希望使用特定于其高度的垂直渐变为某些单个条形图上色。

我可以通过在需要的地方创建一个包含以下内容的数组来为渐变的单个条着色:

const gradient1 = ctx.createLinearGradient(0, 0, 0, 800);
gradient1.addColorStop(0.0, '#FFF');
gradient1.addColorStop(1.0, '#000');

并将其传递到data.datasets[i].backgroundColor属性。

但是,我使用的是0800(图表的整个高度)的固定值来设置渐变的终点。这意味着,如果条形很短(例如,高50个像素),则不会调整渐变的大小以适合渐变,而且条形也根本没有任何渐变填充。

0 个答案:

没有答案