去除超过轴的部分

Question

是否可以删除graph.js生成的图表上轴的超出部分（红色椭圆上的图像）？

非常感谢！

Answer 1

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

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?以获得良好的开端。