如何在chartjs甜甜圈圖hover上更改cursor？

Question

我有一個用 chartjs 創建的圓環圖。 當我 hover 任何甜甜圈部分時，我想將鼠標 cursor 繪制為“指針”。 我怎么做？ 這是我的代碼

  <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 元素。 <canvas id="myChart" width="50" height="40" style="cursor: pointer;"></canvas>