移除轴的超长部分

Question

是否可以在graph.js生成的图形上删除轴的超长部分(在红色椭圆图上)？

非常感谢！

​

​

Answer 1

你可以从天平中隐藏网格线：

yAxes: [{
  gridLines: {
    display: false
  },
}]

如果你对两个轴都这样做，你不会看到任何超长的线条。

有关工作演示，请参阅此小提琴

如果您需要网格线，并且只希望隐藏超过0的行，则可以将zeroLineWidth设置为0。

gridLines: {
  zeroLineWidth: 0
}

有了tickMarkLength，你可以确定多少像素的栅格线画到轴线区域.

gridLines: {
  tickMarkLength: 0
}

如果你需要更高级的轴样式，你可以写一个插件。有关良好的开始，请参见风格X和Y轴(勾标)与Chart.js？。