如何使echarts中的图循环

很高兴，最近我也使用了ECharts

ECharts提供的用法中，require是作为模块化加载的入口，如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话，那么，就可以使用require()初始化ECharts。

你贴出来的链接这篇文章，正式介绍如何使用模块化加载ECharts。如果你不使用模块化，ECharts也提供相应的方法初始化。

首先，下载到源码之后，在页面引入lib/echarts-plain-map.js，plain-map是未压缩的版本

1

<script type="text/javascript" src="lib/echarts-plain-map.js"></script>

然后引入主文件之后，就可以直接使用init()实例化了

new Array()

new Array(len)

new Array([item0,[item1,[item2,...]]]

使用数组对象的方法：

var objArray=new Array()

objArray.concact([item1[,item2[,....]]]--将参数列表连接到objArray的后面形成一个新的数组并返回，原有数组不受影响。如：var arr=["a","b","c"]

arr.concact("d","e")

将返回包括从"a"到"e"字母元素的数组。而arr本身不受影响。

objArray.join(separator)---以separator指定的字符作为分割符，将数组转换为字符串，当seperator 为逗号时，其作用和toString()相同。

objArray.pop()--通俗的讲，就是d出数组的最后一个元素。结合下面的push方法，使得将数组作为栈来使用成为可能。pop方法返回数组最后一个元素的值，并将length属性减1，即返回后立即丢失最后一个元素。

objArray.push([value1[,value2[,....]]])-将参数添加到数组的结尾。如：[1,2,3, 4].push("a","b")将得到[1,2,3,4,"a","b"]

objArray.reverse()将数组中的元素反转排列。如：[1,2,3].reverse()将得到[3,2,1]，这个 *** 作是在原有数组上经行 *** 作，同时也返回数组本身

objArray.shift()-移去数组的第一个元素，并返回这个元素的值。这个方法的性质和pop方法

一、后台返回一个集合Map<String,List<Map<String,Object>>> ,每个map对应一个图。

二、jsp 页面

1、首先引入 jquery 和echarts 的 js文件

2、创建 展示环形图的div

    <div id="five"></div>

3、echarts加载，用ajax访问后台获取数据

总结：

一个页面要显示多个图表（不同的）时，添加多个div，然后给每个div加载echarts图表，配置option；

一个页面要显示多个图表（相同的）时，如上，把series设置为数组，然后一个一个的添加即可。

---