echart图表
热心市民小胖纸
一个初入茅庐的前端程序小胖纸
动漫,电影,音乐
五月天,林俊杰,薛之谦,陈奕迅
有点小资的程序胖
先保持日常一更,坚持学习,努力进步
展开
-
echarts横向左右对比柱状图
需求业务需求横向对比柱状图,左边从左到右,右边从右到左。效果图代码 var myChart = echarts.init(document.getElementById('chart-panel')); let option = { tooltip: { show: true, trigger: 'axis', axisPointer: { type: 'shadow' } }, le原创 2022-02-25 17:52:14 · 3023 阅读 · 0 评论 -
echart在vue中的点击空白处和点击图表时调用不同的方法
echart在vue中的点击空白处和点击图表时调用不同的方法myChart.getZr().on('click', params => { console.log(params) console.log(params.target) if(params.target == undefined) { //点击空白处调用方法 ...原创 2019-12-06 12:32:43 · 744 阅读 · 1 评论 -
echart折线区域图
在引入echart区域折线图时,没有出现对应的区域图当发现引入下面代码到自己的代码中并没有对应的区域图 option = { xAxis: { type: 'category', boundaryGap: false, data: mydata.xname(改成自己的数据) }, yAxis: { ...原创 2018-04-20 16:38:43 · 2354 阅读 · 0 评论 -
echarts的markline的使用
需要使用echarts在柱状图上显示出来一条警示线,(echarts的文档的写的没有问题,但对于我一些不常用的属性来说太过于把一样的属性放在一起。导致试了好几遍)话不多说,直接js代码markLine : { symbol:"none", //去掉警戒线最后面的箭头 label:{ position:"start" ...原创 2018-09-19 20:57:39 · 43983 阅读 · 6 评论