Блог

Я использую плагин ChartJS и datalabels, и я хотел бы добавить курсор мыши к указателю на диаграмме, это возможно?

Я следовал примеру официального сайта, кто-нибудь может мне помочь?

 data: {
  datasets: [{
    datalabels: {
      listeners: {
        click: function(context) {
          console.log('label '   context.dataIndex   ' has been clicked!');
        }
      }
    }
  }, {
      //...
  }]
},
options: {
  plugins: {
    datalabels: {
      listeners: {
        enter: function(context) {
          context.hovered = true;
          return true;
        },
        leave: function(context) {
          // Receives `leave` events for any labels of any dataset.
          context.hovered = false;
          return true;
        }
      },
      color: function(context) {
        // Change the label text color based on our new `hovered` context value.
        return context.hovered ? "blue" : "gray";
      }
    }
  }
}
 

Вы можете это сделать. При наведении курсора на определенную метку и изменении курсора на указатель.

  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;
                },
              },
 

Он сбрасывается при остановке наведения курсора мыши на метку. Надеюсь, это поможет.