如何更改chartjs圆环图悬停上的光标？

Question

我有一个用 chartjs 创建的圆环图。当我悬停任何甜甜圈部分时，我想将鼠标光标绘制为“指针”。我怎么做？这是我的代码

  <canvas id="myChart" width="50" height="40"></canvas>

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>

<script type="text/javascript">
      
 
 const data2 = {
  labels: {{chart_labels|safe}},
  datasets: [{
    label: 'My First Dataset',
    data: {{chart_data|safe}},
    backgroundColor: [
      'rgb(54, 162, 235)',
      'rgb(255, 99, 132)',
    ],
    hoverOffset: 4
  }]
};
        var ctx = $("#myChart").get(0).getContext("2d");
              var myChart =   new Chart(ctx, {
                    type: 'doughnut', data: data2
                });
        </script>

Answer 1

您可以将 cursor:"pointer" 赋予画布元素。 <canvas id="myChart" width="50" height="40" style="cursor: pointer;"></canvas>