echarts中的玫瑰图(饼图)如何取消显示指示线和指示文字(coderwhy后台管理系统优化2)
作者:互联网
因为显示空间有限,无论怎么调整玫瑰图的内外半径,指示线对应的指示文字还是看不见,如下图:
所以我想是否可以取消指示线和指示文字,只有当点击的时候显示具体数据同时显示百分比。
具体步骤如下:
1.添加label相关代码,取消指示文字和指示线
查看echarts官网:
可以看到它就是设置视觉引导线的,将其Boolean值设置为false即可。
2.显示百分比
具体配置如下:
tooltip: 提示框组件。
触发类型选择'item',数据项图像触发,主要在散点图、饼图等无类目轴的图表中使用。
formatter:提示框浮层内容格式器,对饼图而言,{a}(系列名称),{b}(数据项名称),{c}(数值),{d}(百分比)。
最终效果图:
标签:文字,数据项,百分比,指示,提示框,coderwhy,echarts 来源: https://www.cnblogs.com/zzyyyy/p/15612255.html