2011-06-12 4 views
0

아래 스크립트가 있습니다. 2006 년 데이터를 렌더링하지 않습니다. 스크립트에 문제가 있습니까?Google 차트 - 행 렌더링 실패

<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> 

enter image description here

답변

1

AreaChart는 데이터 포인트가 옆에있는 데이터 포인트의 모든 값이 없으면 아무것도 그릴 수 없습니다 나타납니다 (데이터 UN의 밀레니엄 개발 목표는, 모든 값은 데이터가) . nulls (또는 그래프의 가장자리) 모든 데이터 요소의 양쪽에있는 영역의 너비 0 것입니다.이 차트 API 함께 버그가 있다고 말하고 싶습니다 (실제로 너비 1 영역을이합니다 케이스), here을 제출하십시오.

그 동안 다른 차트 유형을 사용하는 것이 좋습니다. 산발적 인 음모가 적절할까요? 데이터 포인트간에 잠재적으로 오도 된 라인을 표시하지 않는 이점이 있습니다. 예를 들어, 현재 플롯에서 플롯 된 선은 데이터가 희박하기 때문에 데이터의 실제 모양과 일치하지 않을 수 있습니다. 2001 년과 2003 년 사이에 파란색 데이터가 급격히 떨어 졌다고 가정 해 봅시다. 지역 차트 유형은 다른 이야기 (곧은 경사)를 나타내는 것처럼 보입니다. 분산 형 플롯은 사용자가 가지고있는 데이터간에 잘못된 이야기를 말하지 않습니다. .

1

누적 형 영역 차트를 사용하면 모든 데이터 요소가 기둥 형 차트와 유사하게 표시됩니다.