異なるモジュールを使用して同じページに2つのチャートを挿入するにはどうすればいいですか？

Question

私は1ページに2つのチャートを入れました。最初のチャート（散布）はハイチャートを使用して作成され、2番目のチャート（ハイライン）はハイストックを使用して作成されました。 HighchartsがHighstockに含まれているように私はこれを使用します。

<script src="resources/chart/Highstock/js/highstock.js"></script> 
<script src="resources/chart/Highstock/js/modules/exporting.js"></script> 

私のページの一部を次のようになります。今

<script src="resources/chart/Highstock/js/highstock.js"></script> 
<script src="resources/chart/Highstock/js/modules/boost.js"></script> 
<script src="resources/chart/Highstock/js/modules/exporting.js"></script> 

<script type="text/javascript"> create the chart using the highcharts and put it in a containerForHighchart </script> 
<script type="text/javascript"> create the chart using the highstock and put it in a containerForHighstock </script> 

<div id="containerForHighchart" style="height: 700px; width: 100%; margin: 0 auto;"></div> 
<div id="containerForHighstock" style="height: 700px; width: 100%; margin: 0 auto;"></div> 

：私はこのような何かを達成したいと思います：

最初のチャート（ハイチャート）はboost.jsモジュールを使用する必要があります。

2番目のグラフ（ハイストック）はboost.jsモジュールを使用しないでください。

なぜですか？パフォーマンスといくつかのバグが原因です。どちらのチャートも大量のデータを表示する必要があります。

私はboost.jsを使用して、ページ上で一つだけのチャートを置く：

は

highstockのチャートは非常にゆっくりと読み込んでいる
• は、ほとんどの時間は、ブラウザがページが応答していないことをお知らせしてで私はチャートのないナビゲータしか見ることができません。
• ハイチャートのチャートは高速読み込み中です。

私はboost.jsを使用して、ページ上の唯一のグラフを入れないでください：

• highstockのチャートが高速にロードされます。
• ハイチャートのチャートが長時間読み込まれていて、非常に遅いです。

boost.jsモジュールを同じページに使用する方法はありますか？

Answer 1

チャートを別々のWebページ（それ自体）に配置し、タグを使用して両方を単一のHTMLドキュメントに配置することができます。そうすれば、どのチャートがどのライブラリを取得するのかを制御することができ、互いに矛盾しないようにすることができます。