我正在尝试创建Chart.js折线图,在行尾带有箭头。箭头应指向与线相同的方向,即,线的最右边部分应看起来像射线而不是线段。
我尝试使用点配置选项将最右边的数据点的pointStyle
从'circle'
更改为'triangle'
,然后旋转三角形使其指向与直线相同的方向看起来像箭但是,为了动态计算旋转角度,我需要知道图表的y轴范围(由Chart.js自动计算),并且在尝试从Chart.js获取该值时遇到了困难。
有人知道在Chart.js折线图中将箭头放在一条线上的好方法吗?有关如何可靠地确定y轴范围的信息也会有所帮助。
编辑:这是JSFiddle,其中包含我尝试过的解决方案:https://jsfiddle.net/x6rnysvf/1/