我在以下位置找到了以下 JavaScript 代码谷歌图表工具 http://code.google.com/apis/chart/interactive/docs/gallery/imagelinechart.html:
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 1000);
data.setValue(0, 2, 400);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1170); // sales for 2005
data.setValue(1, 2, 460);
data.setValue(2, 0, '2006');
data.setValue(2, 1, 860);
data.setValue(2, 2, 580);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 1030);
data.setValue(3, 2, 540);
var chart = new google.visualization.ImageLineChart(document.getElementById('visualization'));
chart.draw(data, {width: 500, height: 250, min: 0});
}
如果我注释掉设置 2005 年销售额值的代码行,Sales这条线将出现在图表上,从 2006 年开始到 2007 年结束。我期待看到Sales2004 年(Y=1000)到 2006 年(Y=860)以及 2006 年(Y=860)到 2007 年(Y=1030)的线。
如果我没有 2005 年销售额的值,但有 2004 年、2006 年和 2007 年的销售额值,我该如何绘制该图表?
实际结果:
预期结果:(我为 2005 年销售添加值 930 只是为了显示我想要完成的任务;我希望有更好的方法来做到这一点,而无需计算所有系列的所有缺失的 Y 值)