![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
zttbee
天下本无事
展开
-
echarts环形图两层
这里扇形之间的间隔用边框实现效果,将边框设为一定宽度,再将颜色设为背景色,就好像扇形之间有距离了一样。环形图,有两层环形,扇形之间有间隔,中间是标题,图例是自定义图片。在template里写一个盒子放图表。在methods写一个配置图表函数。在style里设置盒子尺寸。在data中声明一个变量。原创 2023-07-13 14:33:42 · 870 阅读 · 0 评论 -
echarts条形图动态显示2
相关函数:配置图表函数,自动播放函数,停止播放函数,继续播放函数。1、实现效果,条形图自动滚动,鼠标移入停止滚动,移出继续滚动。声明的变量:图表,图表数据与定时器。设置基础数据,并调用函数。原创 2023-07-13 13:30:18 · 144 阅读 · 0 评论 -
echarts条形图动态显示
为了使左侧的类目和柱子同步变化,左侧类目不写成y轴标签,而写成柱子的标签,即在series里写标签。条形图有两个柱子,一个蓝色柱子,一个灰色柱子,两个柱子重合,且蓝柱子在上面。使用datazoom,一次展示5项数据,轮流展示每2s刷新一次。每次展示5个,轮流展示。原创 2023-07-12 14:07:10 · 795 阅读 · 0 评论 -
echarts图表进度条类型图
x轴不显示,y轴的axisLabel用富文本,显示机器与台数;图表有两个数据组,分别用蓝色和灰色表示,两个柱子重合,灰色柱子在蓝色柱子下面;灰色柱子的label用富文本,显示占比。在methods里写个配置图表的函数,输入参数为dataAll,包含了机具的类型、数量、占比等信息。dataPercent: dataPercent,//占比。左边是类别、数量,中间类似于进度条,右边是所占百分比。(1)在template里写个容器。dataX: dataX,//类别。dataY: dataY,//数量。原创 2023-07-11 16:57:37 · 2983 阅读 · 0 评论