Как разместить две диаграммы на одной странице с разными модулями?

Question

Я поставил две диаграммы на одной странице. Первый график (разброс) был создан с использованием Highcharts, а второй график (линия) был создан с использованием Highstock. Как 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.
• Второй график (highstock) не должен использовать модуль boost.js.

Почему? Из-за производительности и некоторой ошибки. Обе диаграммы должны отображать много данных.

Когда я использую boost.js и поставить только одну диаграмму на странице:

• диаграмма из highstock загружается очень медленно, большую часть времени браузер сообщить мне, что страница не отвечает и на end Я могу видеть только навигатор без диаграммы;
• график высокой скорости загрузки быстро.

Когда я не использую boost.js и поставить только один график на странице:

• диаграмма из highstock загружает быстро;
• Карточка Highchart загружается слишком долго и очень медленно.

Есть ли способ использовать только одну из двух диаграмм, используя модуль boost.js на той же странице?

Answer 1

Одним из решений, которое вы можете попробовать, является размещение диаграмм на отдельных веб-страницах (отдельно) и использование тегов , чтобы разместить их как в одном документе HTML. Таким образом, вы можете контролировать, какая диаграмма получает библиотеки, и они не должны конфликтовать друг с другом.