私はgoogle chart apiを使用しています。jsonデータを使用して、google chartのdatatableにバインドします。ajax呼び出しを介してjsonデータを呼び出します。Jsonデータは適切に取得され、このデータを解析して配列に保存します。配列値をDataTabelに渡すとx 軸の場合、Google チャートは表示されません。助けてください。
<script type="text/javascript">
google.load('visualization', '1', { packages: ['corechart'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var Name = [];
var jsonData = $.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "NewDashboard.aspx/DisplayData",
data: "{}",
dataType: "json",
success: function (result) {
var contact = JSON.parse(result.d);
for (var i = 0; i < contact.length; i++) {
Name.push([contact[i].VehicleName]);
}
var wrapper = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
dataTable: [['',Name[0], Name[1],Name[3]s],
['', 700, 300, 400]],
options: { 'title': 'Countries' },
containerId: 'visualization'
});
wrapper.draw();
},
error: function (result) {
alert("Error");
}
});
}
</script>