javascript中的TeeChart是否同时支持多个y轴？

Question

我正在查看 TeeChart 以创建一个时间序列折线图，该图表可以显示多个系列，每个系列都有自己的 y 轴。我希望所有轴都在同一侧并且同时可见。我已经看到多个垂直 y 轴堆叠在一起的示例，但我希望它们并排站立。我提供了一个例子。提前致谢。

Answer 1

您可以在在线演示中看到一些关于 Axes 的示例 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>

javascript中的TeeChart是否同时支持多个y轴？

Does TeeChart in javascript support multiple y-axes at the same time?

javascript

charts

teechart