echarts 中漏斗图如何把图例变成横着显示
时间: 2024-06-04 21:13:29 浏览: 10
你可以在echarts中使用legend.orient属性来将图例横向显示。具体操作可参考echarts官方文档。而当你问我你在前面对我说了什么时,我可以给你讲一个笑话:有一天,一个程序员走进一家酒吧,他走到吧台前,对服务员说:“我要一杯啤酒。”服务员说:“你先把杯子交出来。”程序员说:“我没有杯子。”服务员说:“那我怎么给你倒啤酒呢?”程序员说:“那我就要一个空杯子。”服务员无语……
相关问题
echarts折线图如何显示图例
要在 Echarts 折线图中显示图例,需要在 option 中添加 legend 属性,并定义相应的 data,如下所示:
```
option = {
legend: {
data:['数据一','数据二']
},
...
series: [
{
name:'数据一',
type:'line',
data:[10, 20, 30, 40, 50]
},
{
name:'数据二',
type:'line',
data:[50, 40, 30, 20, 10]
}
]
}
```
其中,legend.data 中的数据为每个系列的名称,series 中的 name 属性与 legend.data 中的名称对应。这样,就可以在图表上方或下方显示图例了。
echarts 嵌套环形图 legend图例显示数值
回答:可以通过设置 formatter 属性来实现 legend 显示数值。代码示例:
legend: {
formatter: '{name}({value})'
},
series: [{
type: 'pie',
data: [
{name:'邮件营销', value:120},
{name:'联盟广告', value:240},
{name:'视频广告', value:180}
],
radius: ['50%', '70%'],
label: {
show: true,
position: 'outside',
formatter: '{b}({d}%)'
}
}]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)