隐藏Chart.js中y轴的最小值和最大值

Question

我已经使用勾选配置分配了Y轴的最小值和最大值.但我不希望这些最小值最大值显示在图中.我需要在两端隐藏这些值

ticks:
{
    callback: function(value){
    returnparseFloat(value.toFixed(2))
},
min: y1_min,
max: y1_max,
fontColor: "#000000",
fontSize: 12

},

Answer 1

为了隐藏特定的刻度(在您的情况下是第一个和最后一个刻度),您必须使用缩放afterTickToLabelConversion回调属性并设置要隐藏value = null的刻度索引scaleInstance.ticks.这将阻止它们在画布上绘制.

这是一个隐藏第一个和最后一个刻度的示例(通过设置它们的values = null).

afterTickToLabelConversion: function(scaleInstance) {
  // set the first and last tick to null so it does not display
  // note, ticks[0] is the last tick and ticks[length - 1] is the first
  scaleInstance.ticks[0] = null;
  scaleInstance.ticks[scaleInstance.ticks.length - 1] = null;

  // need to do the same thing for this similiar array which is used internally
  scaleInstance.ticksAsNumbers[0] = null;
  scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null;
}

您可以在此codepen示例中看到它的运行情况