美文网首页
ECharts 给X轴文字添加点击事件

ECharts 给X轴文字添加点击事件

作者: 啵崽崽 | 来源:发表于2023-01-04 14:20 被阅读0次
myChart.setOption(option);
    myChart.on('click', function (params) {
        if(params.componentType == "xAxis"){
            alert("单击了x轴文字"");
        }else{
            alert("单击了柱状图);
        }
    })

参考:https://blog.csdn.net/sophia_xiaoma/article/details/78055947

点击柱子对应下面的文字变色

myChart.on('click', (params: any) => {
                    myChart.setOption({
                        yAxis: [
                            {
                                axisLabel: {
                                    color: (value: any , index: any) => {
                                        return index === params.dataIndex ? 'rgb(50, 198, 218)' : 'rgb(187, 208, 220)';
                                    },
                                },
                            },
                        ],
                    });
                });

参考:https://tieba.baidu.com/p/5511199633

相关文章

网友评论

      本文标题:ECharts 给X轴文字添加点击事件

      本文链接:https://www.haomeiwen.com/subject/ppckfdtx.html