layui是基于原生js的,跟vue的编程思想不太搭,用这俩主要是因为只是一个作业的单页面应用而已……所以来了三个工具框架的大杂烩,用vue的话还是用基于vue组件化的ui框架比较好。vue在这个实现中……其实没有也行。
点击查看车流弹出弹出层,其中一部分为echart图表,一部分为layui的table组件。
在table中编辑完成后,echart图表便产生了相应的变化。
本来想做成拖拽折线图结点进行操作的,但是以Echart的api来看太麻烦了……就加了layui的table组件来操作了。
<!--车流量的折线图-->
<div id="chart" style="display: none;width: 1420px; height: 600px;">
<div id="chartMain" style="width: 1400px; height: 450px;"></div>