![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Echarts
二水你要努力啊
爆炸头, 望春风 。
展开
-
Echarts的初始化及数据为空的处理(update)
首先需要确保图表的容器存在,然后再开始渲染(v-if或者嵌套在弹框内)且对于图表类的需求,最好写成组件以复用 <div ref="chartContainer" class="chart-container"/>import echarts from 'echarts' data() { return { eChart: null, arr: []...原创 2020-03-30 14:27:32 · 9744 阅读 · 0 评论 -
Echarts图表在切出页面resize后空白的问题
如若使因为使用了Vue的缓存组件 activated(){ var myEvent = new Event('resize'); window.dispatchEvent(myEvent); },则可以通过该缓存组件的activated,手动触发一下resize代码,使图表重绘即可。...原创 2020-02-13 14:27:44 · 1169 阅读 · 2 评论 -
由Echarts自定义图标引起的对图片Base64位的思考
由于echarts中自定义下载图标的时候,其不支持相对路径的写法,只支持网上地址,或者base64的写法由于在vue项目中,webpack会把小于限制的图片转为base64位,所以利用过这一点去将icon转为base64然后直接粘贴过去,以为和项目里的静态资源还有联系,其实,转为base64后,echarts可以直接识别,与项目中的路径已经没有任何关系了,以后遇见此种情况,可以直接通过网站转...原创 2019-11-27 10:00:07 · 665 阅读 · 0 评论 -
Echarts有无数据的渲染
在柱状图中,如果可以点击切换数据,在有数据的时候显示正常,如果没有数据的时候,不想显示空白柱状图,而显示暂无数据。首先一点,要明确v-if和v-show对echarts的影响v-show 只是设置了元素的display属性为none,在切换的时候没有获取到元素的宽高所有会有问题v-if 可以正确的切换图表数据**但是,利用v-if 和 v-else去展示不用的 div(无数据)会出现问...原创 2019-11-27 09:48:20 · 938 阅读 · 0 评论