echarts
文章平均质量分 61
山野里的小菊花
万马奔腾,我就是万马之一中那匹脱缰的野马
展开
-
echarts折线渐变 + 预测值
先来个效果图原理:使用echarts创建一个折线图,渐变原理是使用虚拟地图visualMap,预测值是使用了两条线(第一根实线,最后一个值为空,第二根虚线,只保留最后一个值)1、下载echarts-all-3.js...原创 2018-06-26 15:00:50 · 4067 阅读 · 2 评论 -
echarts自定义雷达图(radar)
先来个效果图1、首先设置形状 shape: "circle", // 支持 'polygon' 和 'circle' ,默认polygon2、设置线条splitLine: {//分隔线 show: true, lineStyle: { col...原创 2018-07-27 13:14:02 · 9027 阅读 · 2 评论 -
echarts如何做出多条进度条的效果
原理:弹性盒子布局,两端对齐方式将数据分割在两端,重点用echarts柱状图,绝对定位,翻页一次,echarts柱状图重新加载一次先来一个效果图如何做出如图所示的效果呢,虽然核心是echarts柱状图,但是还需要配合css样式,才能完成,做的是自适应的,宽高都是100%,只适用于IE9+需要源码或vue重构,请转文章https://blog.csdn.net/liuxin00020...原创 2018-08-20 17:41:23 · 22853 阅读 · 7 评论 -
重构echarts多条进度条实现(vue+gulp)
之前写了一个echarts实现多条进度条,并定时翻页的组件,现在用vue+gulp重构了一下,稍后会贴出源码地址,很抱歉,之前没有贴出css,让某些伙伴不知所措。点击我查看效果 如果需要源码:https://github.com/liuxin00020/test 或者在本人的资源里面下载效果图如下:1、实现的方式一样的json数据列表首先构成左右两边的数据显示,中间用echa...原创 2019-05-27 18:55:01 · 2970 阅读 · 0 评论