javascript - 在 javascript 中使用 Tee 图表

Question

如何使用 JavaScript/Ajax 在 MVC4 中创建 Tee 图表？

我们可以通过 java 脚本在 Tee 图中创建多个轴吗？

图表：具有多轴的四线一栏类型。

Answer 1

您是否看过在线 TeeChart for JavaScript/HTML5 演示中的示例？ http://www.steema.com/files/public/teechart/html5/v2012.12.14.1.4/demos/

看看“Axes\Multiple Axes”演示。

  Chart1=new Tee.Chart("canvas1");

  // Add four line series, with 200 random points each:

  Chart1.addSeries(new Tee.Line()).addRandom(200);
  Chart1.addSeries(new Tee.Candle()).addRandom(200);
  Chart1.addSeries(new Tee.Area()).addRandom(200);
  Chart1.addSeries(new Tee.Area()).addRandom(200);
  Chart1.addSeries(new Tee.Line()).addRandom(200);

  // Create additional axes:

  var axis1=Chart1.axes.left;
  var axis2=Chart1.axes.add(false,false);
  var axis3=Chart1.axes.add(false,false);
  var axis4=Chart1.axes.add(false,false);

  // Setup axis positions as % percent:

  axis1.start= 0; axis1.end=25;
  axis2.start=25; axis2.end=40;
  axis3.start=40; axis3.end=75;
  axis4.start=75; axis4.end=100;

  Chart1.axes.bottom.setMinMax(0,DISPLAY_RANGE);

  // Set series with axes:

  Chart1.series.items[1].vertAxis=axis2;
  Chart1.series.items[2].vertAxis=axis3;
  Chart1.series.items[3].vertAxis=axis4;
  Chart1.series.items[4].vertAxis=axis3;