javascript - JavaScript でティー ​​チャートを使用する

Question

JavaScript/Ajaxを使用してMVC4でティーチャートを作成するには?

Javaスクリプトを使用してティーチャートに複数の軸を作成できますか?

チャート: 複数の軸を持つ 4 つの折れ線と 1 つの棒タイプ。

Answer 1

JavaScript/HTML5 デモ用のオンライン TeeChart の例を見たことがありますか? 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;