Echarts图表添加点击事件

官方文档地址：Echarts中的事件和行为

myChart.on('click', function (params) {
    // 控制台打印数据的名称
    console.log(params.name);
});

当echarts图表需要自适应宽度没有设置固定值时，会出现页面刷新后的点击不准确的情况，此时可以将echarts的渲染引擎设置为svg；
详情文档：使用 Canvas 或者 SVG 渲染

// 使用 Canvas 渲染器（默认）
var chart = echarts.init(containerDom, null, {renderer: 'canvas'});
// 等价于：
var chart = echarts.init(containerDom);

// 使用 SVG 渲染器
var chart = echarts.init(containerDom, null, {renderer: 'svg'});

PS:有时还出现切换页面后Echarts图表扭曲变形的情况，也可以尝试切换为svg（未验证）。