여러 infovis 막 대형 차트가 작동하지 않습니다.

Question

단일 웹 페이지에서 2 개의 다른 div에 2 개의 막 대형 차트를 플로팅 할 수 있습니까? 그렇게하려고하면 라이브러리가 하드 코딩 된 div 이름 인 'infovis'를 찾기 때문에 하나의 막 대형 차트가 두 번째 차트의 값으로 덮어 쓰게됩니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

BarCharts는 Canvas 객체를 상속하므로 here 캔버스 옵션을 사용할 수 있습니다.

"injectInto"가 필요합니다.이 옵션을 사용하면 컨테이너 DIV의 ID를 설정할 수 있습니다.

Answer 2

나는 이것이 조금 늦다는 것을 알고 있지만, 내가 한 것을 나누고 싶다.

먼저 두 사업부의의를 만듭니다

<div id='InfoVisChart1'></div> 
<div id='InfoVisChart2'></div> 

그런 다음, 당신은 당신의 코드를 작성하여 JS에서 두 아이디의에 주입 :

var barChart = new $jit.BarChart({ 
//id of the visualization container 
    injectInto: 'InfoVisChart1', 
.... etc. 

var barChart2 = new $jit.BarChart({ 
//id of the visualization container 
    injectInto: 'InfoVisChart2', 
.... etc. 

작품을 나를 위해.