【vue+layui+echarts】实现弹出层可编辑的表格和实时变化的图表

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>