2016-05-26 1 views
1

私は以下のコードを持っています。Google Chartsを使用して1つのキャンバスに2つの関数を描画するにはどうすればよいですか?

そして、私はここにhttp://prntscr.com/b8oabw

のように同じキャンバスに2 lineChartsを描きたいしかし、その代わりに、私はcontiniousラインを作るために、すべての青い部分とすべての赤を接続するにはどのようにこのhttp://prntscr.com/b8o7pg

を取得しますか?

function drawChart() { 
 

 
      // Create the data table. 
 
      var dataTable = new google.visualization.DataTable(); 
 
      dataTable.addColumn('string', 'День'); 
 
      dataTable.addColumn('number', 'Количество ручных назначений'); 
 
      dataTable.addColumn('number', 'Количество отложенных задач'); 
 

 

 
      @if (Model.ManualAssingDictionary.Count > 0) 
 
      { 
 
       foreach (var m in Model.ManualAssingDictionary) 
 
       { 
 
        @:dataTable.addRow(["@m.Key",@m.Value, undefined]); 
 
       } 
 
      } 
 
      else 
 
      { 
 
       @:$("#NoManualAssignmentForPeriod").css("display", "block"); 
 
      } 
 

 
      @if (Model.PostponedDictionary.Count > 0) 
 
      { 
 
       foreach (var m in Model.PostponedDictionary) 
 
       { 
 
        @:dataTable.addRow(["@m.Key", undefined,@m.Value]); 
 
       } 
 
      } 
 
      else 
 
      { 
 
       @:$("#NoStoppedTasksForPeriod").css("display", "block"); 
 
      } 
 
      dataTable.sort([{ column: 0 }]); 
 
      
 
      // Set chart options 
 
      var options = 
 
      { 
 
       'title': 'График количества ручных назначений', 
 
       'width': 800, 
 
       'height': 600 
 
      }; 
 

 

 
      var chart = new google.visualization.LineChart(document.getElementById('chart')); 
 
      chart.draw(dataTable, options); 
 

 

 
     } 
 

 

 
     // Set a callback to run when the Google Visualization API is loaded. 
 
     google.charts.setOnLoadCallback(drawChart);

+0

'undefined'の代わりに' null'を使ってみてください - これをあなたのオプションに追加してください - > 'interpolateNulls:true' – WhiteHat

+0

@WhiteHat、クール、うまくいきます!どうもありがとうございました! –

答えて

0

以上の人が

がnull使用しての代わりに、未定義しようと言ったように - あなたのオプションにこれを追加 - > interpolateNulls:多くの真

彼のおかげで、それは働いています。

関連する問題