随笔分类 -  echart

echart
echart 柱状图折线图自动轮播
摘要：data(){return{ lbtime:"", option:{} }}dataZoom: [{ startValue:0, endValue:4,}]option 下方加 if (this.linechart.lineData.length > this.option.dataZoom[0]. 阅读全文
posted @ 2022-06-15 17:24 简单就好zyx 阅读(1089) 评论(0) 推荐(0)
点击图表每一部分触发某事件
摘要：var piechart = echarts.init(document.getElementById('companyOutput'))； piechart.on('click', function(params) { var value = params.name; if(value == "手 阅读全文
posted @ 2018-11-12 16:25 简单就好zyx 阅读(299) 评论(0) 推荐(0)
图表添加红线
摘要：markLine: { data: [{ borderWidth: 1, lineStyle: { type: 'dash', color: '#B23B4D', width: 2, }, label: { formatter: '盈亏平衡线', position: 'middle', textSt 阅读全文
posted @ 2018-11-12 16:12 简单就好zyx 阅读(179) 评论(0) 推荐(0)
封装图表
摘要：调用方法： var option=line.initOption(); 重新赋值： .title[0].text或者. 重新赋值即可 阅读全文
posted @ 2018-07-23 15:17 简单就好zyx 阅读(130) 评论(0) 推荐(0)
echart 判断数据是否为空
摘要：formatter 判断数据是否为空 阅读全文
posted @ 2018-07-10 17:34 简单就好zyx 阅读(671) 评论(0) 推荐(0)
echart tootip使用技巧
摘要：1.关于混合折线图tooltip显示不同单位 formatter: function (params){ return params[0].name + '<br/>' + params[0].seriesName + ' : ' + params[0].value + '万元' + '<br/>' 阅读全文
posted @ 2018-07-09 14:56 简单就好zyx 阅读(1334) 评论(0) 推荐(0)
echart 设计宽度为百分比时，div撑不开
摘要：解决思路：将百分比换算成px 一句话搞定 ("#chart").css( 'width', $("#chart").width() );$("#chart")指的是当前绘制图表的div，他的css宽度写的是100%，通过上面的代码将100%的宽度换算成px值，再添加到style里面就可以了，echa 阅读全文
posted @ 2018-03-08 09:16 简单就好zyx 阅读(616) 评论(0) 推荐(0)