Echart使用
代码:https://github.com/laxfif/lcyproj
Echart是一款颜值很高的数据图像展示组件,在之前的项目简单加入,效果如下
官网上有配置教程、实例、源码
术语速查手册有组件概述
代码在echart.vue中,数据更新参考官网—教程—异步数据加载和更新。
通过axios.get获得的是json格式的数据,但echart需要的是x轴数组(dataset可能可以,有时间在了解吧)因此比较直接的方法就是建两个数组,循环把各属性值push进去。
Apache ECharts (incubating)TM 4 开始支持了 dataset
组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于数据指定数据到视觉的映射。这在不少场景下能带来使用上的方便。
过程中的一些坑
调bug:根据网页控制器+后台报错
1.日期格式问题
2.this指针,回调函数中this无效,需要在外界定义如_this=this。
3.:unlink-panels= true elementui中boolean要加冒号 原因不明。