如何向Chart.js数据标签插件添加光标指针

Question

我正在使用ChartJs和datalabels插件。

当用户将鼠标悬停在datalabel上时，我想添加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;
                },
              },