GIS-CL
GIS无所不能,一切皆有可能
展开
-
echarts 齿轮饼图
1、添加仪表盘,显示刻度线,其余属性全部隐藏,调整刻度位置和长度。2、添加pei饼图设置饼图中心为空,圆环类型。原创 2024-05-19 21:11:38 · 43 阅读 · 0 评论 -
echarts 水球图
1、引用插件echarts-liquidfill来实现水球图。2、添加外侧进度条使用pie来是实现。原创 2024-05-19 20:26:06 · 39 阅读 · 0 评论 -
echarts 饼图(加载进度条动画效果)
1、外侧动画细线效果运动“custom”自定义系列中“renderItem”属性来实现,动态修改起始角度和终止角度。2、圆环使用" pie "类型添加两个data值来画百分比圆环,动态修改data中的值。原创 2024-05-19 18:19:14 · 125 阅读 · 0 评论 -
echarts饼图(带动画效果)
1、外围圆环运用仪表盘gauge,设置仪表盘的起始角度“startAngle”,和终止角度“endAngle”,设置仪表盘最小值“min”和最大值“max”属性来确定仪表盘数值大小, 隐藏仪表盘指针‘pointer’,隐藏detail,设置仪表盘外维宽度和颜色“axisLine”,隐藏刻度“axisTick”,设置进度条progress属性,隐藏刻度标签“axisLabel”,itemStyle属性设置渐变色2、中间旋转的轮毂也是运用仪表盘来制作的,将仪表盘其他属性隐藏只保留刻度线,给刻度线添加阴影,动态原创 2024-05-19 15:09:30 · 149 阅读 · 0 评论 -
echarts柱状图
1、首先加载一个普通的柱状图2、去掉y轴,将yAxis一系列参数设成false;3、去掉x轴轴线;4、给柱状图添加线性渐变色5、运用pictorialBar类型画柱子顶部椭圆、底部椭圆和底座原创 2024-05-16 22:21:23 · 22 阅读 · 0 评论 -
echarts 时间线
1、先分析图片是由一根y轴线和每个小节点组成;2、可以看出时间线是没有轴的,所以将“ xAxis ”属性隐藏;3、y轴是没有分割线的所以隐层“ yAxis ”中的“ splitLine ”区域中的分隔线;4、同时也要隐藏y轴刻度“ yAxis ”中的“ axisTick ”隐藏;5、可以看出时间线实在中间,设置“ grid ”属性中“ left ”和“ right ”个50%;6、series采用line折线图类型来加载6、在就是改变时间线上的颜色就可以了;原创 2024-05-15 23:14:39 · 56 阅读 · 0 评论