한 페이지에 두 개의 차트를 넣었습니다. 첫 번째 차트 (분산 형)는 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] 삭제
몇 마디 만하겠습니다