多个legend设置selected时，legend需要单击两次才能切换状态

[Levyday]

在设置多个legend时，对每个legend设置selected，只有第一个legend的selected单击一次就能变换状态，后面的要变换状态需要单击两次

为了方便测试，直接修改 官网上的代码 Echarts 3，可以直接把这部分代码替换进去测试，用谷歌和IE均测试过。

官网链接：http://echarts.baidu.com/demo.html#candlestick-brush

官网code:

legend: {
            bottom: 10,
            left: 'center',
            data: ['Dow-Jones index', 'MA5', 'MA10', 'MA20', 'MA30']
        },

为了方便测试，只需要将下面的code替换掉官网的code就行了（注意标点符号）。

code1:
        legend: [{
            selected:{'MA5':false},
            bottom: 10,
            left: 'center',
            data: ['Dow-Jones index', 'MA5', 'MA10', 'MA20', 'MA30']
        },
        {selected:{'Volumn':false},
            data:['Volumn']
        }],

单击legend[0]中的灰色图例，单击一次就能更改状态，单击legend[1]中的灰色图例，需要单击两次才能更改状态，为了找出原因，更改顺序：

code2:
        legend: [
        {selected:{'Volumn':false},
            data:['Volumn']
        },
        {
            selected:{'MA5':false},
            bottom: 10,
            left: 'center',
            data: ['Dow-Jones index', 'MA5', 'MA10', 'MA20', 'MA30']
        }],

同样：单击legend[0]中的灰色图例，单击一次就能更改状态，但是单击legend[1]中的灰色图例，需要单击两次才能更改状态。
code2跟code1对比，只是更改了legend里面的两个子项的顺序，但是结果却不一样。

希望两个或者多个legend都能实现单击一次就能更改状态的效果

Other comments [其他信息]

[everthis]

+1

[whsasf]

我也遇到这个问题了，还没修复吗？

[0000QI]

同上，同样遇到这个问题

[yijun-blockin]

+1

[zhaoxuhui1122]

+1

[mingxu-fu]

我也遇到了这个问题。请问目前有啥解决方案吗

[McDaddy]

天哪。 2022年遇到的问题原来在2017年就存在了

[zhaoxuhui1122]

天哪。 2022年遇到的问题原来在2017年就存在了

记得这个问题好像是处在多组legend时，且当前legend不是第一次点击时会出现，可以尝试维护一个一个点击过的legend name list，判断一下，是否被点击过，然后再决定是否dispatchActipn,和具体处罚哪个action，当legendSelectAll时，再清空维护的缓存数据

我当时应该是这么解决的，我的场景更复杂，是要legend点击效果跟highcharts那种的

仅供参考

[s209392599]

楼上说的对，是在分组的时候第二组、第三组、、、第n组被禁止的会出现这个问题，解决方法是：
在第一组的selected里面先进行声明，在当前组再进行一次声明就可以了。目前使用版本@5.4.0
如下：重复声明 Direct 即可
`

legend: [
{
top: '10',
data: ['Email', 'Union Ads'],
selected: {
'Email': false,
'Direct': false
},
},
{
top: 30,
data: ['Video Ads', 'Direct', 'Search Engine'],
selected: {
Direct: false,
},
}
]

下面是动态legend时遍历的省事方法：

legend.forEach((item) => {
legend[0]['selected'] = {
...(legend[0]['selected'] || {}),
...(item.selected || {}),
};
});

`