echarts

因为需要做数据可视化，就用了echarts，很好用也很简单，具体的使用博客很多，就不多说了。

希望做出的效果是这样，每道题都是从后台获取的数据，echarts中的参数也通过后台获取，本身以为很简单，但我却被这简单的效果折磨了一天，遇到的问题主要有这几点：

1.一直报错

 错误原因：由于echarts图形ID是由后台传输过来的，并且是根据图形数据一起传过来，出现了图形容器还未生成，但是数据已经来了，这样就会出现这个问题：找不到图形容器（注：我的图形容器设为pie,是在str的td里后面生成的）

试过把ajax的参数async设置为false,把echarts放到函数外，但这样会有闭包等问题。试过请求两次ajax，一次添加数据生成饼图的容器（放前面，设置async:false）,第二次请求把饼图加进去，这次不报错了，但是只有第一条数据有饼图，分析后发现是饼图加入时代码var echar=echarts.init(document.getElementById("pie"));找到第一个#pie 就加进去了，导致后面的数据没有饼图。之后我又试着给每个数据都加上不同的id，比如index0,index1，index2......，一直不成功，

这和上面的原因一样。id是唯一的，不能重复赋值。

于是，我想到可以给.www加class，class分别命不同的名，在分别获取class加id并赋值。像这样：

终于成功了！