一个页面显示多个highCharts的问题

Question

动态的创建元素，并renderTo新建的元素

文档结构伪代码：

<div id="wrap">
    <div id="chart"></div>
</div>

在文档加载完成后
使用 $('#chart').after($('chart').clone().attr('id', 'chart1'))
的方法动态创建元素

然后再循环创建 chart, 发现只有最后一个 chart1 图表显示出来了

不动态创建，多个图表是可以正常显示的

Answer 1

貌似只是克隆jquery或者dom对象 最后用class new新的

Answer 2

可以前端debug追踪看一下

Answer 3

id表示唯一性，多个相同的id最后取到的只有一个，动态创建的时候最好设置不同的id