H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】echarts环形饼图怎么将总数值显示在中间.

clipboard.png
怎么显示中间的字及数值.
默认是这样的

clipboard.png
我还想把这个鼠标悬浮或者点击,增强这部分去除

回答:

用现有的api实现大概了一个,细节自己调,参数如图:(附上官方链接:链接描述

图片描述

(补充:参数series[i].label 使用 canvas 绘制的,无法使用 html,series[i].label.normal.formatter能实现的样式很有限,恰好参数tooltip.formatter支持html,故可用tooltip委婉实现题主需求,附上代码链接:链接描述

效果图如下:
图片描述

回答:

这个是固定值,希望可以动态计算所有的value总和,但是又要保证图例的点击事件有效果,图例点击隐藏某一个时候,环形图中间的总和也会更新

本文地址:H5W3 » 【Web前端问题】echarts环形饼图怎么将总数值显示在中间.

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址