使用echarts图强调点击

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

// 创建一个基于DOM元素的Echarts实例
const chart = echarts.init(document.getElementById('chart-container'));

// 定义图表的配置项
const option = {
  // ...其他配置项

  // 柱状图的配置项
  series: [{
    type: 'bar',
    data: [10, 20, 30, 40, 50],

    // 点击事件的配置项
    // 点击柱状图时，弹出对应数据的值
    // 可以根据实际需求进行修改
    itemStyle: {
      emphasis: {
        // 强调点击时的样式
        color: 'red'
      }
    },
    emphasis: {
      // 点击事件的处理函数
      // 这里只是简单地弹出对应数据的值
      // 可以根据实际需求进行修改
      focus: 'series',
      blur: 'series',
      itemStyle: {
        color: 'blue'
      },
      label: {
        show: true,
        position: 'top',
        formatter: '{c}'
      }
    }
  }]
};

// 将配置项设置给图表实例
chart.setOption(option);

// 监听图表的点击事件
chart.on('click', function(params) {
  // 在控制台打印点击的数据信息
  console.log(params);
});