echarts 柱状图点击每个柱子,使该柱子对应的x轴的文字变颜色?
echarts吧
全部回复
仅看楼主
level 1
比方是这个柱状图,我点击裤子对应的柱子,在不重新绘制echarts的情况下使裤子这两个字变成红色,该怎么实现?
2018年01月10日 06点01分 1
level 1
Chart.on('click', function(param) {
//点击柱状图使对应的x轴的文字变色
Chart.setOption({
yAxis : [
{
axisLabel: {
textStyle: {
color: function(value, index) {
return index == param.dataIndex ? '
#035ef7': '#
454545';
},
}
}
}
],
});
});
2018年01月24日 08点01分 2
level 1
如果echarts升级到最新的4.0的话,注意要修改下
Chart.setOption({
yAxis : [
{
axisLabel: {
color: function(value, index) {
return index == param.dataIndex ? '
#035ef7': '#
454545';
}
}
}
],
});
2018年01月29日 01点01分 3
楼主,在吗?我这遇到了同样的问题,按你这个写效果不对啊,不知道问题出在哪?求助啊
2019年09月10日 10点09分
另外,这个不是修改X轴文字的颜色吗?不明白怎么写在了yAxis下面呢?是写错了还是我理解错了啊
2019年09月10日 10点09分
return value == params.value?'
#4ad2ff':'#
000'; 我用3版本,换成value对应就可以啦
2019年09月18日 05点09分
@阿美fighting 我的还没解决,想请教一下,我这个需求有什么好办法没
2019年09月26日 03点09分
level 1
谢谢院长[吐舌]
2019年01月29日 03点01分 4
遇到了同样的问题,你的解决了吗?
2019年09月10日 10点09分
2019年09月26日 01点09分
@小小幸福小心愿 百度搜 ‘带端点的简化版Echarts柱状图,及点击事件’ ,第一个就是我的博文
2019年09月26日 01点09分
@旭十九 还在吗?刚看了你的博文,根据我们公司的项目还有几个不同点,请教一下,能留个可以加好友的QQ或者啥联系方式吗?
2019年09月26日 03点09分
1