javascriptのTeeChartは複数のy軸を同時にサポートしていますか？

私はTeeChartを見て、独自のy軸を持つ各シリーズで複数のシリーズを表示できる時系列のラインチャートを作成しています。私はすべての軸が同じ側にあり、同時に見ることができます。私は、複数の縦のy軸が上下に積み重ねられている例を見てきましたが、私はそれらを横に並べるようにしたいと思います。私は例を挙げました。ありがとうございます。javascriptのTeeChartは複数のy軸を同時にサポートしていますか？

出典

2017-11-16 David Vice

あなたはオンラインデモ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>

出典

2017-11-17 08:01:37 Yeray

javascriptのTeeChartは複数のy軸を同時にサポートしていますか？

答えて

関連する問題