Echarts阴影点击事件获得当前柱状图的索引值方法

最近在使用百度的echarts写股票的K线图，刚开始用遇到大堆的问题，光是为了解决这些问题都花了我一整天时间。两个论坛都发帖了，没人理。还是靠自己吧。

以下代码只写了关键片段，

1    //什么在option外面的变量
2    var clickIndex;
3option = { //配置信息
4    tooltip: { //提示框
5        //提示触发类型：不触发
6        trigger: 'none',
7    },
8    //formatter回调函数，
9    formatter: val => {
10        //获取当前阴影部分点击的索引值并
11        clickIndex = val[0].dataIndex
12    },
13}
14//生成图框内容
15myChart.setOption(option);
16//加上getZr()即为阴影点击事件 
17myChart.getZr().on('click', function(params) {
18    //得到准确索引值，不会随着位置的变化而变化！
19    console.log(clickIndex);
20}

网上还有另外一种方法，但是得到的索引值会随着位置的变化而变化!!!!有点坑，适合用在静态图

1myChart.getZr().on('click', function(params) {
2               
3                // 获取到鼠标点击位置：
4                 var pointInPixel = [params.offsetX, params.offsetY];
5                // 使用containPixel API判断点击位置是否在显示图形区域，下面的例子过滤了绘制图形的网格外的点击事件，比如X、Y轴lable、空白位置等的点击事件。
6                 if (myChart.containPixel('grid', pointInPixel)) {
7                 使用API convertFromPixel获取点击位置对应的x轴数据的索引值，我的实现是借助于索引值的，当然可以获取到其它的信息，详细请查看文档。
8                 var xIndex = myChart.convertFromPixel({ seriesIndex: 0 }, [params.offsetX, params.offsetY])[0];
9                 let op = myChart.getOption()
10                  // 获取当前点击位置要的数据
11                 var xData = op.series[0].data[xIndex]
12                 console.log(xData);
13});

最后还是要吐槽一下，不知道是自己笨还是echarts官方文档写的不够简明。

努力总会解决bug的。加油吧