根据第三列中的事件更改图表上点的颜色

// 引入ECharts库
import echarts from 'echarts';

// 创建图表实例
const chart = echarts.init(document.getElementById('chart'));

// 定义数据
const data = [
  [1, 2, 'event1'],
  [2, 3, 'event2'],
  [3, 4, 'event3'],
  // ...
];

// 设置图表配置
const option = {
  xAxis: {},
  yAxis: {},
  series: [{
    type: 'scatter',
    data: data.map(item => [item[0], item[1]]),
    itemStyle: {
      normal: {
        color: '#ccc', // 默认颜色
      },
      emphasis: {
        color: '#f00', // 高亮颜色
      },
    },
  }],
};

// 渲染图表
chart.setOption(option);

// 监听鼠标悬停事件
chart.on('mouseover', params => {
  const dataIndex = params.dataIndex;
  const event = data[dataIndex][2];
  
  // 根据事件修改点的颜色
  const newOption = {
    series: [{
      itemStyle: {
        normal: {
          color: event === 'event1' ? '#f00' : '#00f',
        },
      },
    }],
  };
  
  // 更新图表配置
  chart.setOption(newOption);
});