Apexcharts 光标指针

如何解决Apexcharts 光标指针

我使用 apexcharts.js 在 js 上制作图表栏。所以我想将光标更改为指针。请帮助！ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

我的代码！

var options = {
  series: [{
  name: 'series1',data: [60,85,75,120,100,109,97]
}],toolbar: {
  show: false,},chart: {
  height: 350,type: 'area',fontFamily: 'Proxima Nova',toolbar: {
    show: false
  },dataLabels: {
  enabled: false
},stroke: {
  curve: 'smooth'
},xaxis: {
  categories: ["Янв","Фев","Март","Апр","Май","Июнь","Июль","Авг","Сен","Окт","Ноя","Дек"]
},tooltip: {
  x: {
    format: 'dd/MM/yy HH:mm'
  },};

var chart = new ApexCharts(document.querySelector("#chart"),options);
chart.render();

解决方法

将以下代码添加到您的代码中

chart: {
      ...
      events: {
        dataPointMouseEnter: function(event) {
          event.path[0].style.cursor = "pointer";
        }
      }
    }