Question

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

Answer 1

您可以在在线演示here中看到有关Axes的一些示例这里有一个例子，试图达到你的要求：

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轴？

1 个答案: