使用Chart.js绘制方法作为Typescript箭头函数

Question

我正在使用Chart.js绘制功能来修改折线图，下面是示例代码-

 Chart.controllers.line = Chart.controllers.line.extend({
        draw: function() {
          const ctx = this.chart.chart.ctx;
          ctx.save();
          ctx.shadowColor = '#aefdda';
          ctx.shadowBlur = 7;
          ctx.shadowOffsetX = 1;
          ctx.shadowOffsetY = 3;
          ctx.stroke();
          draw.apply(this, arguments);
          ctx.restore();
        },
      });

但是问题是按照eslint规则，此警告出现警告意外的未命名方法'draw'，我需要将其转换为箭头函数。但是我不能在箭头函数内使用this和arguments 。

Answer 1

我认为您不需要将其转换为箭头函数。试试这种风格的对象文字方法声明：

Chart.controllers.line = Chart.controllers.line.extend({
  draw() {
    //...
  }
})

See examples of good usage of the func-names rule here.