Javascript 图表js中的y轴显示和隐藏功能不适用于角度6

我想在单击x轴中的图例时显示和隐藏y轴。但条件是每次选择一个值时，我都有不同的图表值。 因此，y轴不会更改其显示和隐藏功能

 setValue(chartValue) {
    var n

    if (chartValue== "a") {
      n = 6
    }

    if (chartValue== "b") {
      n = 4
    }
    if (chartValue== "c") {
      n = 8
    }

    Chart.plugins.register({
      beforeDraw: function (c) {
        var canvas_id = c.chart.canvas.id;
        if (canvas_id === 'myChart') {
          console.log("chart val>>", n)
          for (var ii = 0; ii < 4; ii++) {
            if (!c.isDatasetVisible(ii)) {
              c.options.scales.yAxes[ii].display = false;
            } else c.options.scales.yAxes[ii].display = true;
          }


        }
      }
    });
  }

setValue（chartValue）{
变量n
如果（图表值=“a”）{
n=6
}
如果（图表值=“b”）{
n=4
}
如果（图表值=“c”）{
n=8
}
Chart.plugins.register({
绘制前：函数（c）{
var canvas_id=c.chart.canvas.id；
如果（canvas_id==='myChart'）{
console.log（“图表val>>”，n）
对于（var ii=0；ii<4；ii++）{
如果（！c.isDatasetVisible（ii））{
c、 options.scales.yAxes[ii]。display=false；
}else c.options.scales.yAxes[ii].display=true；
}
}
}
});
}

html:

<canvas id="myChart" style="display: block; width: 1415px; height: 550px;"></canvas>

---

以上代码仅在第一个实例上运行。如果我稍后调用相同的函数，单击按钮，它将不工作。我希望它能处理各种n值

什么是html代码？什么是html代码？