javascript - 如何在 chartjs 中扩展圆环图的切片？

Question

有什么方法可以在 chartjs 中扩展圆环图 onclick 事件或鼠标悬停的切片吗？我使用的是 chart.js@2.8.0 版本。

Answer 1

我已经使用以下代码解决了这个问题:

   let segment;
   this.chart = new Chart(this.canvas, {
    type: this.type,
    data: this.data,
    options: {
      ...this.options,
      onHover: function (evt, elements) {
        if (elements && elements.length) {
          segment = elements[0];
          this.chart.update();
          selectedIndex = segment["_index"];
          segment._model.outerRadius += 10;
        } else {
          if (segment) {
            segment._model.outerRadius -= 10;
          }
          segment = null;
        }
      },
      layout: {
        padding: 30
      }
    }
  });

希望对你有帮助。