echarts图表中,有三个图例,其中两个图例有数据,一个没有数据,如何将图例都显示
时间: 2023-11-12 10:09:39 浏览: 121
百度Echarts3图表示例
可以使用 `legend.showAllSymbol` 属性来设置是否显示所有图例的标记。将其设置为 `true` 即可让所有图例的标记都显示出来,无论是否有数据。例如:
```javascript
option = {
// ...
legend: {
showAllSymbol: true, // 显示所有图例的标记
data: ['图例1', '图例2', '图例3']
},
series: [
{
name: '图例1',
type: 'line',
data: [10, 20, 30]
},
{
name: '图例2',
type: 'line',
data: [15, 25, 35]
},
{
name: '图例3',
type: 'line',
data: []
}
]
};
```
在上面的示例中,`legend.showAllSymbol` 设置为 `true`,即使第三个图例没有数据,它的标记也会显示出来。
阅读全文