我在一页上放了两个图表。使用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模块。boost.js模块。为什么？由于性能和一些错误。两个图表都必须显示大量数据。
当我boost.js只在页面上使用一张图表时：
当我不使用boost.js并且仅在页面上放置一张图表时：
有什么办法可以使两个图表中的只有一个boost.js在同一页面上使用该模块吗？
您可以尝试的一种解决方案是将图表单独放置在单独的网页中，并使用<iframe>标签将它们都放置在单个HTML文档中。这样，您可以控制哪个图表获得哪个库，并且它们不应该相互冲突。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句