AntV G2 4.1版本 分组柱状图和折线图五组数据混合画为什么legend不生效,一个对象里有五个key
时间: 2024-04-29 19:22:09 浏览: 15
AntV G2 4.1版本的分组柱状图和折线图中,如果五组数据混合在同一个对象里,可能会导致legend不生效的问题。这是因为G2默认会将同一个对象里的所有数据看成是同一个系列,所以只会生成一个legend。
解决这个问题的方法有两种:
1. 将混合数据分成多个对象,每个对象只包含一组数据,这样就可以生成多个系列和对应的legend。
2. 在画图时,手动指定每组数据对应的系列名称,例如:
```javascript
chart.source(data, {
key1: { alias: '系列1' },
key2: { alias: '系列2' },
key3: { alias: '系列3' },
key4: { alias: '系列4' },
key5: { alias: '系列5' }
});
chart.interval().position('x*y').color('系列1');
chart.interval().position('x*y1').color('系列2');
chart.line().position('x*y2').color('系列3');
chart.line().position('x*y3').color('系列4');
chart.line().position('x*y4').color('系列5');
chart.legend({
position: 'top'
});
```
通过手动指定系列名称,就可以生成对应的legend了。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)