echarts设置legend不显示
时间: 2023-11-27 13:05:54 浏览: 90
以下是两种解决办法:
1. 情况一,要保证legend中的data与series中name相同,例如:
```javascript
var options = {
legend:{
data:["2018","2019"]
}
series:[
{
name:"2018",
data:[10,20,30,40,50]
},
{
name:"2019",
data:[30,60,70,60,80]
}
]
}
myCharts.setOptions(options)
```
2. 情况二,如果legend中的data是动态加入的,就会不显示。解决办法:不能单独添加data,要将legend一起整体添加。
```javascript
var options = {
series:[
{
name:"2018",
data:[10,20,30,40,50]
},
{
name:"2019",
data:[30,60,70,60,80]
}
]
}
var legend = {
data:legendData
}
options.legend = legend;
myCharts.setOptions(options)
```
相关推荐
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)