echarts+cognos+ series部分for循环 实现折线图

折线图效果如下：

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框架

<script src="/p2pd/jquery-2.2.3.min.js"></script>

//引入jQuery包
<script src="/p2pd/echarts.min.js"></script>

//引入echarts包（注：必须在引入echarts包之前引入jQuery包）


<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));

//这里的ID是第二个html中的给它的块的id