在javascript中使用Tee Chart

时间:2013-07-01 05:34:18

标签: javascript teechart

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

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

图表:具有多个轴的四线和一个杆型。

1 个答案:

答案 0 :(得分: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;