javascript - 如何通过两个刻度隐藏标签？图表

Question

我们如何自定义标签并将其隐藏 2 个刻度/行（请参阅下面的预期输出）？我已经尝试了下面的代码，但它什么也没做。我们有没有机会专门隐藏它？

legend: {
   labels: {
      filter: function(label) {
         if (label.text === '10' || label.text === 10) return false;
      }
   }
},

这是我的工作代码，例如单击此处的链接

---

电流输出

预期产出

Answer 1

你需要使用options.scales.yAxes[0].ticks.callback函数

render() {
    const options = {
      responsive: true,
      legend: {
        display: false
      },
      type: "bar",
      scales: {
        yAxes: [{
          ticks: {
            callback: function(value, index, values) {
              if (index % 2 === 0) {
                return value;
              }
              return "";
            }
          }
        }]
      }
    };
}