同一页面创建多个highcharts图表只显示最后一个的问题

2018年12月6日编辑

在同一个页面中有时候使用多个highchars图表，个别的图表（无固定顺序）不显示的情况

把HTML中放置highchars图标的盒子中所有的data-highcharts-chart属性删除，即可显示正常。

-------------------------------------------------------------------------   原文      -----------------------------------------------------------------------------

在同一个页面中插入了多个highcharts的图表，显示并且只显示最后一个图表。

并且注释掉第n个图表后，可以正常显示第n-1个图表。

找到图表的div容器，大概像下面这样，把div容器data-highcharts-chart属性值修改为不同即可正常显示。

 

<div id="container" style="min-width:320px;height:220px;margin-top:20px;" data-highcharts-chart="0">