2017-06-27 25 views
-1

複数の列データを使用して複数の折れ線グラフを作成するにはどうすればよいですか?
データexemple:ディンプル複数行の複数の列データ

var data75 = [{"d":1,'a1':50,'a2':70}, 
{"d":2,'a1':90,'a2':71}, 
{"d":3,'a1':40,'a2':90}, 
{"d":4,'a1':15,'a2':70}, 
{"d":5,'a1':150,'a2':60}, 
{"d":6,'a1':53,'a2':20}, 
{"d":7,'a1':59,'a2':40}, 
{"d":8,'a1':30,'a2':50}, 
{"d":9,'a1':70,'a2':77}, 
{"d":10,'a1':52,'a2':72}, 
{"d":11,'a1':56,'a2':10}, 
{"d":12,'a1':57,'a2':40},]; 

D =軸x。
a1およびa2 = 2つの異なる系列の軸y;

Exemple

+2

myChart.addSeries(null, dimple.plot.line, [x, y1]); myChart.addSeries(null, dimple.plot.line, [x, y2]); 
  • ドローチャート(軸のペアはシリーズを作ります)。次に、いくつかのコードを書いてください。うーん、デバッグ、それは良いことだ! – evolutionxbox

  • +1

    [google charts](https://developers.google.com/chart/interactive/docs/gallery/linechart)をご覧ください。 – mhodges

    答えて

    1
    1. SVGオブジェクトを作成

      var svg = dimple.newSvg('#div', 400, 200); 
      
    2. グラフ

      var chart = dimple.chart(svg, data75); 
      chart.setBounds(20, 20, 360, 160); 
      
    3. がチャート

      のために割り当てAxisを作成/または作成/
    4. シリーズを追加します。あなたが最初のいくつかの研究をしたいかもしれません

      myChart.draw(); 
      
    関連する問題