Tee 차트의 동일한 캔버스에있는 여러 그래프

Question

teecharts 평가 복사본의 예제를 사용하여 동일한 캔버스에 여러 차트를 플롯하려했지만 작동하지 않습니다. 단지 끝 부분에 그려진 그래프를 단순히 플롯 (if (three.isEnabled()) { 부분)하고 그 전에 그려진 그래프를 무시한다는 것입니다.

var three, Chart1, Chart2, surface; 

function draw() { 

    // Create 3D WebGL context: 
    three = new Tee.Three("canvas1"); 

    // Create Chart: 
    Chart1 = new Tee.Chart(three); 

    Chart2 = new Tee.Chart(three);  
    Chart1.walls.visible=false; 

    // Create Surface: 
    surface = new Tee.Surface(); 

    // Add Surface series to Chart: 
    Chart1.addSeries(surface); 
    Chart2.addSeries(new Tee.Line()).addRandom(1000); 

    changeSurface("s3"); 
    // Cosmetics: 

    Chart1.title.text="TeeChart Surface 3D"; 
    Chart1.walls.back.size=0.2; 
    Chart1.walls.back.format.transparency=0.2; 

    // Valid webGL ? 

    if (three.isEnabled()) { 

    Chart1.draw(); 
    Chart2.draw(); 

    animate(); 
    } 
    else 
    Detector.addGetWebGLMessage(); // Show message (WebGL not available) 

    // Loop 
    function animate() { 
    three.update(); 
    requestAnimationFrame(animate); 
    } 

}

내 질문 : 동일한 캔버스 내부에 여러 그래프를 플롯 (여러함으로써 나는 그들이 축을 공유하는 것이 의미하지 않는다 가능, 나는 내 두 개의 완전히 분리 된 차트 개체를 의미 캔버스)

Answer 1

동일한 캔버스에 두 개의 TChart 개체를 사용할 수 없습니다. 다른 TeeChart 버전에는이를 수행 할 수있는 SubChart 도구가 있지만 TeeChart Javascript에서는 구현되지 않습니다. 두 개의 대안이 TeeChart는 자바 스크립트에서

거의 동일한 달성하기 위해 :

• 다른 TChart입니다 개체가. 예 here을 참조하십시오.

• 여러 개의 맞춤 축이있는 TChart를 가지고 있습니다. 예 here을 참조하십시오. 이 경우 축의 위치를 ​​수동으로 설정하므로 원하는 경우 왼쪽의 다른 수직 축을 분리 할 수 ​​있습니다. 또한이 예제에는 수평 축 만 표시되어 있지만 수직 축이 생성되는 것과 같은 방법으로 여러 개를 만들 수도 있습니다.