您现在的位置是:首页» windows系统» echarts图表生成动画,echarts二级饼图

echarts图表生成动画,echarts二级饼图

2024-07-13 02:55:01
本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。目录tooltip中的formatter属性(提示框设置)这里使用饼图中的环形图作为示例首先新建一个盒子,通过ref获取DO

本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

目录

tooltip中的formatter属性(提示框设置)

这里使用饼图中的环形图作为示例

首先新建一个盒子,通过ref获取DOM元素,并设置其宽高(一定要加宽高!)

创建饼图并修改其样式

在外层包裹一个函数进行使用

mounted中调用

把图表中的data单独拎出来进行百分比装换(里面是模拟的数据结构)

结构如下:

tooltip中的formatter属性(提示框设置)

内容如下给出解释:

效果如下:

鼠标旋移中间的样式如下:

原先官网给出的图

修改之后的效果:

加个自动的时间戳详情见 自动轮播提示框

XTw.com.Cn系统网专业应用软件下载教程,免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息,解决一体化的办公方案。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com