随笔分类 -  echarts

echarts重新渲染时不保存之前的数据
摘要：this.$echarts.init(dom).setOption(option,true) setOption()第二个属性为true 阅读全文
posted @ 2020-07-20 16:26 pyx204 阅读(318) 评论(0) 推荐(0)
echarts提示中展示总和
摘要：之前在网上搜到的显示总和的方法是多加一条透明柱子并设barGap:-100%，这样可以实现总和，但是点击上面的legend关闭某个属性时总和永远不会改变，要让总和能随着legend选中的项而改变，则需使用formatter配置，代码如下： tooltip: { trigger: 'axis', fo 阅读全文
posted @ 2020-07-15 12:16 pyx204 阅读(2004) 评论(0) 推荐(0)
echarts的series属性
摘要：series: [{ barWidth:26,// 柱形宽度（折线图无） name: '',// legend对应的名称 type: 'bar',// 图形类型 stack: 'TUE',// 若多个值一样，则堆叠到一起 data: [1,1,1,11],// 数值 smooth: true, // 阅读全文
posted @ 2020-07-08 17:51 pyx204 阅读(26819) 评论(0) 推荐(0)
echarts横轴配置（xAxis属性）
摘要：xAxis: { boundaryGap: false,// 刻度离纵轴有无间隙，默认true有间距 type: 'category', //'value' 数值轴，适用于连续数据。 'category' 类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。 'time' 时间 阅读全文
posted @ 2020-07-08 17:31 pyx204 阅读(12911) 评论(0) 推荐(1)
echarts实现离纵轴无间隙（boundaryGap属性）
摘要：xAxis: { boundaryGap: false }, 阅读全文
posted @ 2020-07-08 17:13 pyx204 阅读(1157) 评论(0) 推荐(0)
echarts高亮时显示对应数值
摘要：series:{ emphasis: { label: { show: true, // 显示数值 textStyle: { // 文字样式 color: '#333333', fontWeight: 'bold' } } } } 阅读全文
posted @ 2020-07-08 16:44 pyx204 阅读(765) 评论(0) 推荐(0)
Echarts中legend图例组件的配置
摘要：legend: { orient: 'vertical',// 垂直显示 left: '70%',//距离左边位置 y: '4%',// 距离上边位置 itemHeight: 7, //修改icon图形大小 itemWidth: 7,//icon宽度 icon: 'circle',//图形形状（'c 阅读全文
posted @ 2020-07-01 12:15 pyx204 阅读(1124) 评论(0) 推荐(1)
Echarts简单实例
摘要：// 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: '第一个 ECharts 实例' } 阅读全文
posted @ 2020-07-01 11:43 pyx204 阅读(219) 评论(0) 推荐(0)