文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用不同的模块将两个图表放在同一个页面上？

问如何用不同的模块将两个图表放在同一个页面上？
EN

Stack Overflow用户

提问于 2016-05-30 11:01:24

回答 1查看 299关注 0票数 2

我在一页纸上放了两张图表。第一个图表(散点图)是用高图集创建的，第二个图表(行)是使用Highstock创建的。由于高图集包含在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并只在页面上放置一个图表时：

高架的图表加载得非常慢，大多数时候浏览器会告诉我页面没有响应，最后我只能看到没有图表的导航器；
高图集的图表加载速度很快。

当我不使用boost.js并且只在页面上放置一个图表时：

高架图装载速度快；
高图集的图表加载时间太长，速度很慢。

有没有办法只使用两个图表中的一个在同一个页面上使用boost.js模块？

javascript

highcharts

highstock

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-31 02:43:07

您可以尝试的一种解决方案是将图表放在单独的网页中(自行)，并使用<iframe>标记将它们放置在单个HTML文档中。这样，您就可以控制哪个图表获得哪个库，它们不应该相互冲突。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37524035

复制

相似问题

问如何用不同的模块将两个图表放在同一个页面上？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用不同的模块将两个图表放在同一个页面上？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用不同的模块将两个图表放在同一个页面上？
EN