Echarts
文章平均质量分 75
Echarts图表的基本使用,记录使用过程中出现的问题以及相关的解决方案。
前人栽树,后人乘凉。记录只为多提供一种思路。
飞鱼爱吃米
记性不好,所以频繁记录
展开
-
Echarts动态生成图表,图表类型进行切换,长数据区域展示
也就是x轴,y轴的数据啦,你可以直接定义好,也可以使用接口数据(这样就是属于动态的了)。具体的内容在配置项里讲—>>>就是你在这个容器内,设置了其他的开关控制数据的变化。这时候呢,之前渲染好的图表就要替换成依靠新数据生成的新图表。千万千万不要选择直接替换!!!你会发现,新图表和老图表直接哥俩好,重叠在一起了。。。不能在单个容器上初始化多个 ECharts 实例功能看着老全了,就是有bug。动态类型切换的时候,活性不是很自由的切换。多句嘴,之前Echarts的工具栏的提示是中文的,现在的版本一般都提示英文。原创 2022-07-30 17:35:20 · 4245 阅读 · 1 评论 -
Echarts报错: Error in v-on handler: “Error: Initialize failed: invalid dom.“
在使用Echarts遇到了这个问题。遍寻无果的情况下,我是怎么解决的?最开始使用,图表组件是正常的。可是怎么就出现这个问题了呢?同一个路由,我想展示不同图表组件构成的页面,所以采用了tab切换按钮控制单个页面的显示与隐藏。注意!!!从我这个思路开始,就是我踩坑的第一步。控制显隐想当然就采取了v-if。。。万万忘了v-if可不是简单的控制元素显示和隐藏,它可是创建和销毁元素来达到所谓的显隐效果。当然,上面都是我马后炮式的后知后觉,和报错交锋的时候依旧沉浸在代码逻辑层面。之前有说过:像这种[Vue原创 2022-07-01 17:31:00 · 3231 阅读 · 7 评论 -
Echarts清空图表:There is a chart instance already initialized on the dom.
能销毁肯定需要先存在,所以定义一个全局变量来存储创建后的ECharts实例,在改变数据需要重新绘制图表的时候加上条件判断图例是否存在来决定是否销毁。也就是说,指定的区域作为canvas容器,根据触发条件改动数据之后,依旧沿用之前的的图表配置,把图表重新生成。(有时间我试一下,再来更新)原因就是销毁二字,我想当然,图表我还需要用,你销毁再用的时候怎么获取呢?不过我在想,上面clear()方法没用,或许是实例没保存,触发时机不对。不过,可能是使用方法的位置不正确,导致方法没有合适的被使用也说不一定。......原创 2022-07-25 10:04:18 · 8423 阅读 · 16 评论