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

Question

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

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

这是我的工作代码 click link here

---

当前输出

预期输出

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 "";
            }
          }
        }]
      }
    };
}