echarts
CherryLee_1210
正在朝着自己梦想一步一步的努力的前行着
展开
-
自定义柱状图(水滴图)的填坑之路
先放一张水滴图的效果图。当然也可以是其它的形状,参考demo链接如下https://gallery.echartsjs.com/editor.html?c=xV8ro54T3i我所做的水滴图就是参考这个demo来的,这个demo中,涉及到两个问题点:1、就是如何应用你想要的形状。demo中是在img中分别引入两种不同颜色深浅的图片。在series的data中以symbol的形式引入。...原创 2019-06-26 00:21:09 · 1320 阅读 · 0 评论 -
uni-app中使用Echarts的实践总结
1、首先在uni-app中不支持包下载所以得自己先新建一个项目,然后进入到这个目录下,执行 npm init,接下来一路回车即可。2、下载所需要的库npm install echarts mpvue-echarts --save3、进入 node_modules 目录,里面的三个目录:echarts、mpvue-echats 、zrender 就是我们需要的第三方库。4、把这三个库cop...原创 2018-10-11 18:18:53 · 45792 阅读 · 27 评论 -
echarts中提示“There is a chart instance already initialized on the dom.”的解决办法以及getInstanceByDom的使用
当我们想相对echart的图标配置进行封装,就会实现相同图标的多样性。上一段实例代码cubeBarChartsXAxisRotateTimeLine: function (data, id, index) { let linearBarDom = echarts.init(document.getElementById(id)); // 直接进行初始化 let {d...原创 2019-07-16 10:58:38 · 15304 阅读 · 4 评论 -
处理echarts堆叠柱状图的legend点击事件legendselectchanged
这个效果是三个柱子堆叠而成。data.nian = data.nian.map((item, index) => { return `${item}年` }) let chart = echarts.init(document.getElementById('school-building-chart')) let arr = []; let datas = [] fo...原创 2019-09-20 11:24:31 · 12057 阅读 · 0 评论