在 ChartJS 中是否可以更改不同点之间的线条样式?

MrP*_*eak 4 chart.js

使用 ChartJs (v2.2.2) 可以更改图形上最后 2 个点之间的线条样式。例如,一路上有一条实线,然后在最后是虚线?见下图

在此处输入图片说明

tek*_*tiv 13

borderDash物业(滚动到线配置)的关键是你的问题。

问题是,完整的图表是用边框破折号绘制的,您无法选择它的起点和终点。
一个简单的解决方法是创建两个相同的数据集。一个是虚线,一个是纯线。然后您删除普通数据的最后一个数据,它们都将显示为您想要的方式。

你可以在这个 jsFiddle 中看到完整的代码,是它的结果:

在此处输入图片说明

笔记 :

  • 由于现在有两个数据集,图例将同时显示它们。将 设置display为 false 修复它(或多或少)。
  • 声明顺序无关紧要,因为普通行将始终覆盖虚线。
  • 拥有贝塞尔曲线(tension属性 > 0)会产生显示问题,因为两个数据集中的数据不同。

  • 在过去的几个小时里,我一直在探索 v2.1 并得出与 @Tektiv 相同的结论。据我所知,这是最好的解决方案。 (2认同)