使用Chart.js绘制带有箭头的折线图

时间:2020-09-22 01:24:00

标签: javascript chart.js

我正在尝试创建Chart.js折线图,在行尾带有箭头。箭头应指向与线相同的方向,即,线的最右边部分应看起来像射线而不是线段。

我尝试使用点配置选项将最右边的数据点的pointStyle'circle'更改为'triangle',然后旋转三角形使其指向与直线相同的方向看起来像箭但是,为了动态计算旋转角度,我需要知道图表的y轴范围(由Chart.js自动计算),并且在尝试从Chart.js获取该值时遇到了困难。

有人知道在Chart.js折线图中将箭头放在一条线上的好方法吗?有关如何可靠地确定y轴范围的信息也会有所帮助。

编辑:这是JSFiddle,其中包含我尝试过的解决方案:https://jsfiddle.net/x6rnysvf/1/

0 个答案:

没有答案