不同页面上的多个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错误13（http://www.highcharts.com/errors/13）。

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

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

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