ChartJS数据溢出图表区域

时间:2016-11-02 21:33:15

标签: javascript css html5 canvas chart.js

我有一个用ChartJS创建的图表,它在折线图中显示数据集((x,y)对)。根据用户请求,我添加了用户更改X-max和Y-max值的功能。一切都很好,直到数据集溢出图表区域。

Wiggly data

这是在图表的右侧,在图例下方的空白处。正如你所看到的那样,线条会在点之后停止并发疯,直到它们被画布区域剪掉。

我想使用“图表”区域剪切或屏蔽可见数据,而不是使用“画布”区域。 ChartJS中是否有设置来执行此操作?

编辑:澄清标题

1 个答案:

答案 0 :(得分:0)

我找到了部分解决方案。通过将lineTension: 0添加到Chart.dataset对象,我可以获得以下内容:

No more wiggles

将线张力更改为0已消除了图表区域外的波浪线,但我仍在寻找数据溢出的解决方案。