Javascript 显示图—如何在图例项上添加删除线效果

Highcharts.chart('container', {
  legend: {
    labelFormatter: function () {
      return this.color === 'gray'
        ? `<span style="text-decoration:line-through">${this.name}</span>`
        : this.name;
    },
  },
  series: [{
    type: 'pie',
    data: [1, 2, 3, 4],
    showInLegend: true,
    point: {
      events: {
        legendItemClick: function() {
          var originalColor = this.options.originalColor; // Retrieve original color from options
          var newColor = (this.color === 'gray') ? originalColor : 'gray'; // Toggle between gray and original color
          
          // Toggle visibility of data labels
          var showDataLabels = (newColor !== 'gray');

          this.update({
            color: newColor,
            dataLabels: {
              enabled: showDataLabels
            }
          });
          
          return false;
        }
      }
    },
    events: {
      afterInit: function() {
        // Store original color for each point
        this.points.forEach(function(point) {
          point.options.originalColor = point.color;
        });
      }
    }
  }],
  accessibility: {
    enabled: false,
  },
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>