随笔分类 - Echarts
Echarts使用技巧记录
摘要：多个echarts图表同时展示时 1、避免请求万所有数据再绘图，会出现加载时间过长用户体验不好 2、数据可以分开请求每个图标添加单独的loading，提升加载速度，也提高了用户体验
阅读全文
摘要：以柱状图为列 <template> <div :class="className" :style="{height:height,width:width}" /> </template> <script> import echarts from 'echarts' require('echarts/
阅读全文
摘要：需求： 数据的值都是正数，但是要分布再X轴的两侧显示 分析： 将需要再y轴负轴显示的数据，数值前添加负号，y轴和tooltip的显示值取绝对值 yAxis: { axisLabel: { color: '#666', formatter: (value) => { return Math.abs(v
阅读全文
摘要：1、利用空值实现 当某数据不存在时（ps：不存在不代表值为 0），可以用 '-' 或者 null 或者 undefined 或者 NaN 表示。 例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。 2、利用visualMap实现 折线图如果相邻的两个值都是0则不显示这一段水平
阅读全文
