echarts custom icon for deselect legend

Question

{
legend:{
data:[

            {
                  name:'今年累计利用小时数',
                  icon:'image://./blue.png'
                  //icon:'path://M10,5c0,2.8-2.2,5-5,5S0,7.8,0,5s2.2-5,5-5S10,2.2,10,5z'
            },
                  {
                  name:'去年周期利用小时数',
                  icon:'image://./yellow.png'
                  //icon:'path://M10,5c0,2.8-2.2,5-5,5S0,7.8,0,5s2.2-5,5-5S10,2.2,10,5z'
                  }
            ]

}
}

这样设置可以自定义每个图例的展示图标,但是当点击图例取消展示一个类型的数据时,自定义图标没有发生变化,请问如何自定义未选中状态下的图例图标

Answer 1

找了好久没有发现直接的属性可以修改 但是可以通过legend点击事件监听来重新赋值自定义图片再刷新来实现类似的效果

               
               myChart.on('legendselectchanged', function(obj) {
               option.legend.data = [
                                     {
                                     name:'今年累计利用小时数',
                                     icon: obj['selected']['今年累计利用小时数']?'image://./blue.png':'image://./gray.png'
                                     },
                                     {
                                     name:'去年周期利用小时数',
                                     icon: obj['selected']['去年周期利用小时数']?'image://./yellow.png':'image://./gray.png'
                                     }
                                     ];
               myChart.setOption(option);
               });