echart中饼图如何显示数据 实现鼠标移动切换显示（vue中）
首先饼图的案例如下：
我们可以通过设置标题title然后设置title的位置再饼图的中央显示：
效果如下：
接下来我们可以通过echarts中的鼠标移动事件来获取设置title中text的值
我们对刚刚refs获取到的echarts实例绑定鼠标移动事件，这是我们获取到的params的值就是鼠标移动到饼图上对应项的值。然后我们通过出需要展示的值通过setOption重新设置标题。
最终效果如下：
下面我把代码贴在此处 大家可以在vue中体验使用 （记得要引入ec...
原创
2022-04-24 22:09:36 ·
6995 阅读 ·
0 评论
关注
分享
扫一扫