Charts Google图表-无法呈现一行_Charts_Google Visualization

Charts Google图表-无法呈现一行

charts google-visualization

Charts Google图表-无法呈现一行,charts,google-visualization,Charts,Google Visualization,我有下面的脚本。它没有呈现2006年的数据。我的脚本有问题吗？（数据：联合国千年发展目标，并非所有价值观都有数据） load（“可视化”、“1”、{packages:[“corechart”]}）； setOnLoadCallback（drawChart）；函数绘图图（）{ var data=new google.visualization.DataTable（）； data.addColumn（'string'，'Year'）； data.addColumn（'数字'，'阿富汗'）； da

我有下面的脚本。它没有呈现2006年的数据。我的脚本有问题吗？（数据：联合国千年发展目标，并非所有价值观都有数据）


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Year'）；
data.addColumn（'数字'，'阿富汗'）；
data.addColumn（'number'，'India'）；
数据.addRow（[“1993”，空，61.9]）；
数据.addRow（[“1999”，空，65.1]）；
数据.addRow（[“2000”，36.9，61.8]）；
data.addRow（[“2003”，16.1，null]）；
data.addRow（[“2006”，null，74.2]）；
新的google.visualization.AreaChart（document.getElementById（'chart_div'））.draw（data{
曲线类型：“函数”
，宽：768，高：908
，标题：“目标5.B：到2015年实现普及生殖健康。产前保健覆盖率，至少1次就诊。”
，vAxis:{title:'Percent'}
});
}

如果数据点旁边的数据点中没有任何值，

面积图

似乎不会绘制任何内容。如果任何数据点的两侧都有空值（或图形的边缘），则该区域的宽度为0。我想说这是一个图表API的bug（在这种情况下，它应该画一个宽度为1的区域），您可能需要对其进行归档

同时，您可能需要使用不同的图表类型。散点图合适吗？它的优点是不显示数据点之间潜在的误导线。例如，在当前打印中，由于数据稀疏，打印的线可能与数据的真实形状不匹配。假设在2001年和2003年之间，蓝色数据出现了一个峰值，然后又出现了一个下降-面积图类型似乎说明了一个不同的情况（一个直线斜率），而散点图不会在现有数据之间说明任何错误的情况。

您可以使用叠加面积图，它将显示类似于柱状图的所有数据点

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });


google.setOnLoadCallback(drawChart);
function drawChart() {
    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Year');
    data.addColumn('number', 'Afghanistan');
    data.addColumn('number', 'India');

    data.addRow(["1993", null, 61.9]);
    data.addRow(["1999", null, 65.1]);
    data.addRow(["2000", 36.9, 61.8]);
    data.addRow(["2003", 16.1, null]);
    data.addRow(["2006", null, 74.2]);

    new google.visualization.AreaChart(document.getElementById('chart_div')).draw(data, {
        curveType: "function"
 , width: 768, height: 908

 , title: 'Target 5.B: Achieve, by 2015, universal access to reproductive health. Antenatal care coverage, at least 1 visit.'
 , vAxis: { title: 'Percent' }

    });

}
</script>

</head>
<body>

<div id='chart_div'></div>
</body>
</html>