如何将光标指针添加到Chart.js datalabels插件中

Question

我正在使用ChartJs和datalabels插件。

当用户将鼠标悬停在数据标签上时，我想添加css“cursor：pointer”。

我怎么能这样做？

Answer 1

我不得不在datalabels部分添加它

它在悬停在特定标签上时选择图表并将光标更改为指针。 当停止悬停标签时，它会重置：

  listeners: {
                enter: function(context) {

                  context.hovered = true;
                  var el = document.getElementById("myLineChart");
                  el.style.cursor = "pointer";
                  return true;
                },
                leave: function(context) {
                  context.hovered = false;
                  var el = document.getElementById("myLineChart");
                  el.style.cursor = "default";
                  return true;
                },
              },