不同页面上的多个HighCharts

Question

我有一个coffeescript：

chart = undefined
$ ->
chart = new Highcharts.Chart(
  chart:
    renderTo: "sales "
    type: "line"

...

chart1 = undefined
$ ->
  chart1 = new Highcharts.Chart(
    chart:
      renderTo: "graph"
      type: "line"

.....

<div id="sales" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<div id="graph" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

如果两个div位于同一个html页面上，这样可以正常工作，但如果我在另一个页面上共享每个div，则不行。 我看不出原因..为什么

基本的想法是在不同的页面上显示不同的折线图。

有什么想法吗？

Answer 1

如果您在每个页面上包含两个图表的代码，则应该收到javascript错误 - Highcharts Error 13（http://www.highcharts.com/errors/13）。

当您告诉Highcharts在不存在的div中构建图表时，会发生此错误。

此错误通常会停止显示其他图表。

您只需要在每个页面上调用包含元素的图表，而不需要调用其他图表。