如果是堆叠柱状图,params[0].dataIndex始终为0,如何解决?
时间: 2023-11-27 16:53:57 浏览: 31
堆叠柱状图中,`params[0].dataIndex` 表示的是当前柱状图的数据索引,因为所有的柱状图都是堆叠在一起的,所以每个柱状图的 `dataIndex` 都是相同的,都是 0。
如果你需要获取当前柱状图所在堆叠组的名称,可以通过 `params[0].seriesName` 获取。如果需要获取当前柱状图的数据,可以通过 `params[0].data` 获取。
如果需要对不同的堆叠组进行不同的操作,可以在 `series` 中为每个堆叠组设置不同的 `stack` 名称,然后在事件处理函数中通过 `params[0].seriesName` 判断当前柱状图所在的堆叠组,从而进行不同的操作。例如:
```javascript
option = {
series: [
{
name: '堆叠组1',
type: 'bar',
data: [1, 2, 3],
stack: 'group1'
},
{
name: '堆叠组2',
type: 'bar',
data: [4, 5, 6],
stack: 'group2'
}
],
xAxis: {
type: 'category',
data: ['A', 'B', 'C']
},
yAxis: {
type: 'value'
}
};
myChart.on('click', function (params) {
var seriesName = params[0].seriesName;
if (seriesName === '堆叠组1') {
// 对堆叠组1进行操作
} else {
// 对堆叠组2进行操作
}
});
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)