折线图效果如下:
step1:用列表将需要的数据取出来,如图
取出的数据如图:
step2:取三个html标签并填写代码
第一个html代码如下:
<div id="table" style="display:none">
style="display:none"隐藏列表
第二个html代码如下:
</div><div id="main" style="width:1000px; height:600px;"> //给echarts一个块dom
第三个html标签主要是对数据进行处理和echarts相关代码,单独拿出来分析
step3:echarts代码分析
- echarts框架
//引入jQuery包
<script src="/p2pd/echarts.min.js"></script>
//引入echarts包(注:必须在引入echarts包之前引入jQuery包)
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'