ChartJS棒グラフの棒にカーソルを合わせたときにカーソルをポインタに変更するにはどうすればいいですか？

Question

は、ここですべてのJavaScriptで、canvas要素内に存在する、これはHTMLである私のチャート作成

createChart = function (name, contributions, idArray) { 
    globalIdArray = idArray; 
    var ctx = document.getElementById("myChart"); 
    var myChart = new Chart(ctx, { 
     type: "bar", 
     data: { 
      labels: name, 
      datasets: [{ 
       label: "Contributions", 
       data: contributions, 
       backgroundColor: [ 
        'rgba(0, 255, 0, 0.2)', 
        'rgba(0, 255, 0, 0.2)', 
        'rgba(0, 255, 0, 0.2)', 
        'rgba(0, 255, 0, 0.2)', 
        'rgba(0, 255, 0, 0.2)' 
       ] 
      }] 
     }, 
     options: { 
      scales: { 
       yAxes: [{ 
        ticks: { 
         beginAtZero: true 
        } 
       }] 
      }, 
      onClick: handleClick, 
      onHover: handleHover 
     } 
    }); 

です。

<canvas chart-hover="onHover" id="myChart" width="200" height="200"></canvas> 

バーをクリックすると、「ドリルイン」として機能し、より詳細なページを表示します。

function handleClick(e) { 
      debugger; 
      var activeElement = myChart.getElementAtEvent(e); 
      var designerId = _idArray[activeElement[0]._index]; 
      window.location.href = "/Display/search/index?designerId=" + designerId; 
     } 

私はそれがとてもポインタに私のカーソルの変更は、ユーザーをできるようにしたいのですが（それは通常のリンクに変更するように）彼らはバーをクリックすることができます知っている：私はこのコードを使用することができません。私はStack Overflowでこの事例をいくつか見てきましたが、彼らは過去1〜2年の間に投稿されました。

私は私が達成しようとしているのと同じことを信じているが、それは私のためにはうまくいきませんでした。

How to change cursor style to pointer on hovering over points of the chart?

誰もがChartJSの最新ライブバージョンを使用して、私はこれを実装する方法を知っていますか？

Answer 1

あなたが設定できるcssのカーソルプロパティがあります。例えば ：

span.crosshair { 
    cursor: crosshair; 
} 

span.help { 
    cursor: help; 
} 

span.wait { 
    cursor: wait; 
} 

はそれが役に立てば幸い詳細についてはthisのリンクを参照してください！

• ニック