ECharts插件生成图表
开发工具与关键技术：
作者：小赵
撰写时间：2019/3/17
面对一些数据，即使已经做成一表格，想比较某一款商品的某一项数据时，单看表格比较是部部够直观简明，数据多的时候看着数据，还要把数据分类比较时，是不是在想要是这些数据做成一个简单的图表，那就多好！
一些销售员避免不了数据的处理以及分析数据，得到自己想要的数据，并且把数据做成一个表格。得到的数据之后如何在页面上显示数据表格呢？通过HTML创建简单的表格，表格由 table标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）、表格的表头使用 标签进行定义，大多数浏览器会把表头显示为粗体居中的文本。字母td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。1、在盒子（div）中添加一个表格标签table 2、在表格中添加内容，eg：表头：类型 表格的行和单元格：衬衫 。注意：表格的单元格有默认的单元格之间的距离，这时需要通过cellspacing设置它的值为零，取消单元格之间的距离。原始的表格样式并不是很好看，自定义了表格的样式，使表格看起来好看一些。可以在table设置它的边框boder的样式，这样表格外围就有边框了；再给每个td设置上边框border-top样式，表格的横线就完成了；表格的竖线通过给每个th、td设置右边框border-right的样式，但是这样设置的话每行的最后一个th、td的边框样式与表格table的样式冲突了，所以这是可以把table的右边框去掉，这样表格样式看起来好看多
通过ECharts 图表插件，绘制简单的图表。在绘图前，需要引入echarts.min.js，我们需要为 ECharts 准备一个具备高宽的 dom 容器，然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单图表。HTML布局具有宽高的容器< div class=“demo bt” id=“pie”>，css样式.demo{width: 500px;}
.bt{border:1px solid #99d0ff;margin-top: 10px;height: 500px;float: left;}
通过ECharts 图表插件，导入数据，可以导入静态数据、动态数据。导入动态数据需要和数据库链接查询数据，涉及到“增删查改”，数据表之间的关系。而静态数据不需要从数据库获取数据，只需要的显示的值给到某个配置项手册，可以了解一简单表图有那几个配置项必须要写的。导入静态数据，适合数据量少，且不需要实时更新的数据；导入动态数据，可以根据数据库数据实时更新数据
三个表格的生成代码都差不多相同，Echarts插件可以查看配置项手册了解更多图表的使用方法
js设置配置项代码
