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);
'undefined'の代わりに' null'を使ってみてください - これをあなたのオプションに追加してください - > 'interpolateNulls:true' – WhiteHat
@WhiteHat、クール、うまくいきます!どうもありがとうございました! –