EChart开发笔记
不知名码农1994
这个作者很懒,什么都没留下…
展开
-
EChart案例-半圆轮盘百分比图
先看效果图:参数配置option:option = { title: { text: '98%', textStyle: { color: '#f97060', fontSize: 24 }, subtext: '通讯合格率', subtextSty...原创 2019-08-29 18:40:17 · 2914 阅读 · 0 评论 -
EChart案例-圆形环比图
效果:配置options:let data=[ { value: 20, name: '水质', itemStyle:{ normal: { color:'#40a7e9' } }...原创 2019-08-30 15:24:03 · 3889 阅读 · 0 评论 -
EChart配置--基准线(坐标轴指示器axisPointer)的配置
今天干活时发现美工小改改给的图,折线图上的基准线颜色是亮色的。那么基准线颜色怎么配置,查看eChart官方文档,这条线叫做坐标轴指示器API文档说明:由此可知修改线条颜色 需要设置lingStyle(看文档解释,前提要设置成type:'line'才有用)axisPointer:{ //基准线 lineStyle:{ color:'#52cdef' }}...原创 2019-09-03 16:40:12 · 8788 阅读 · 1 评论 -
EChart案例-折线面积渐变色
先看效果图中的范围是个渐变色,option关键配置 itemStyle: { normal: { areaStyle: {type: 'default'}, color: new echarts.graphic.LinearGradient( ...原创 2019-09-03 16:47:19 · 5713 阅读 · 1 评论 -
Vue使用Tab页切换EChart,图表显示变形,未铺满父容器踩坑
在使用Tab页第一次切换到有echart页面时,发现echart画的图形未铺满父容器。那是因为父容器最初是被隐藏的,高宽为0。先提出方案解决这个问题。elementUi为例:1.利用v-if值切换来重绘图形页面。当前tab的name为‘line’,切换到图形页面时,v-if条件满足 直接重绘子组件图形。这样绘画的图形就会铺满父容器2.lazy=’true’这个是...原创 2019-09-20 10:20:10 · 3447 阅读 · 3 评论