在Vue-Echarts中将32*32的图像设置为光标

<template>
  <div>
    <div ref="chart" style="width: 800px; height: 600px;"></div>
  </div>
</template>

<script>
import echarts from 'echarts';

export default {
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const chartDom = this.$refs.chart;
      const myChart = echarts.init(chartDom);

      // 设置光标为32*32的图像
      const cursorImage = new Image();
      cursorImage.src = 'path/to/your/image.png';
      const cursorStyle = `url(${cursorImage.src}), auto`;
      myChart.getZr().painter.setCursorStyle(cursorStyle);

      // 绘制图表
      // ...
    },
  },
};
</script>