2017-11-16 7 views
0

저는 TeeChart를보고 각 계열에 고유 한 Y 축을 가진 여러 계열을 표시 할 수있는 시계열 차트를 작성하려고합니다. 나는 모든 축을 같은 편으로 보이고 동시에 볼 수 있습니다. 여러 수직 y 축이 서로 위에 겹쳐져있는 예제를 보았지만 나란히 서있기를 바랍니다. 나는 예를 제시했다. 미리 감사드립니다. 자바 스크립트의 TeeChart가 동시에 여러 개의 y 축을 지원합니까?

enter image description here

답변

0

당신은 온라인 데모 here에서 축에 대한 몇 가지 예를 볼 수 있습니다.
그리고 여기에는 예를 들어 당신이 필요로하는 무엇을 달성하려고 :

var Chart, series, axis, nSeries; 
 

 
function draw() { 
 
    Chart = new Tee.Chart("canvas1"); 
 

 
    nSeries=4; 
 
    Chart.panel.margins.left = 25; 
 
    
 
    for (var i=0; i<nSeries; i++) { 
 
    series = Chart.addSeries(new Tee.Line()); 
 
    series.addRandom(); 
 
    
 
    if (i==0) 
 
     axis = Chart.axes.left; 
 
    else { 
 
     axis = Chart.axes.add(false,false); 
 
     axis.position = -i*15; 
 
     axis.grid.visible=false; 
 
    } 
 
    
 
    series.vertAxis=axis; 
 
    
 
    axis.format.stroke.fill = series.format.fill; 
 
    
 
    } 
 
    
 
    Chart.draw(); 
 
}
<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <script src="http://www.steema.com/files/public/teechart/html5/latest/src/teechart.js" type="text/javascript"></script> 
 
</head> 
 

 
<body onload="draw()"> 
 
    <canvas id="canvas1" width="700" height="300"> 
 
    This browser does not seem to support HTML5 Canvas. 
 
</canvas> 
 
</body> 
 

 
</html>

관련 문제