apache / apache/echarts

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

Open
#5,391 9 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

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

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

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

官网code:
```js
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 [其他信息]

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.