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

【问题标题】：Does TeeChart in javascript support multiple y-axes at the same time?javascript中的TeeChart是否同时支持多个y轴？
【发布时间】：2017-11-16 19:27:05
【问题描述】：

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

【问题讨论】：

标签： javascript charts teechart

【解决方案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>

【讨论】：