Echarts
纳尼亚awsl
这个作者很懒,什么都没留下…
展开
-
Echarts可视化 之custom自定义系列
renderItem函数原创 2022-02-18 15:51:14 · 6186 阅读 · 0 评论 -
canvas实现扩散涟漪效果
实现思路:canvas 画圆,通过改变圆的半径及其透明度实现涟漪效果。实现效果如下:代码实现:涟漪配置:let config = {'cut': 0.2,'startRadius': 5, //起始半径'haloRadius': 25, //扩散半径'times': 3, //次数'stepTime': 2, //间隔时间'stroke': 'RGBA(255,185,0,0.5)', //线的颜色'color': '#ffcb56', //颜色'time': 3,原创 2022-01-20 10:22:15 · 940 阅读 · 0 评论 -
Echarts大屏饼图(可自动轮播)
API: highlight 启动高亮downplay 关闭高亮设置定时器:逐个开启饼块的高亮(注意:在开启下一个前将上一个高亮关闭)import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;option = { title: { text: 'Refe...原创 2022-01-13 15:17:13 · 2077 阅读 · 0 评论 -
Echarts 大屏柱状图(可自动切换图标)
import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom, 'dark');var option;var data = { 日: true, 月: false, 年: false};// X轴数据集var xAxisArry = { 日: ['1号', '2号', '3号'], 月: ['1月.原创 2022-01-10 10:40:41 · 759 阅读 · 0 评论