echarts 柱状图的选中模式实现-被选中变色和再次选中为取消变色

方法:

 1 function barCharShow(curr_dim,divId,result_data){
 2     mutilDim(curr_dim);//维度信息
 3       var paint = initEcharts(echarts,divId);
 4       var option = buildStandardBar(); 
 5        option.xAxis[0].data=result_data.xAxis_data;
 6        option.series[0].data= result_data.data;
 7        option.series[1].data=result_data.data_year;
 8        option.series[2].data= result_data.data_mom;
 9        paint.setOption(option);
10        var select_dim_id = "dim_"+(Number(curr_dim)+1);
11 //       paint.on('click', function (params) {
12//            option.series[params.seriesIndex].itemStyle.normal.color=function (param){
13  //              if(params.dataIndex == param.dataIndex &&$("#parent_dim_"+curr_dim).val()!=params.name){
14 //                   return '#FF3333';
15 //               }else{
16 //                   return '#00FFCC';
17 //               } 
18                
19 //           };

 1   paint.on('click', function (params) {
 2            option.series[0].itemStyle.normal.color=function (param){
    //params.seriesIndex
 3                if(params.dataIndex == param.dataIndex &&$("#parent_dim_"+curr_dim).val()!=params.name){
 4                    return '#FF3333';
 5                }else{
 6                    return '#00FFCC';
 7                } 
 8                
 9            };
10            option.series[1].itemStyle.normal.color=function (param){
11                if(params.dataIndex == param.dataIndex &&$("#parent_dim_"+curr_dim).val()!=params.name){
12                    return '#FF3333';
13                }else{
14                    return 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值