javascript - 卸下轴的多余部分

是否可以删除由graph.js生成的图形上轴的多余部分（在红色省略号上的图像）？

非常感谢！

最佳答案

您可以从比例尺隐藏网格线：

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

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

请参阅此fiddle以获取有效的演示

如果您需要网格线并且只想将超出的线隐藏为0，则可以将zeroLineWidth设置为0

gridLines: {
  zeroLineWidth: 0
}

使用tickMarkLength，您可以确定网格线绘制到轴区域中的像素数量。

gridLines: {
  tickMarkLength: 0
}

如果需要更高级的轴样式，可以编写一个插件。请参阅Style X and Y Axis (tick mark) with Chart.js?以获取良好的开始。