其他分享
首页 > 其他分享> > echarts中的玫瑰图(饼图)如何取消显示指示线和指示文字(coderwhy后台管理系统优化2)

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