Question

我正在使用谷歌图表api.I使用json数据绑定谷歌图表中的datatabel。我通过ajax调用调用json数据.Json数据正常然后我解析这些数据并将其保存到数组中。当我给出数组时值为x轴的DataTabel然后谷歌图表不显示。请帮助我。

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

Answer 1

这是一个拼写错误。使用

var wrapper = new google.visualization.ChartWrapper({
                    chartType: 'ColumnChart',
                    dataTable: [['',Name[0], Name[1],Name[3]],
                  ['', 700, 300, 400]],
                    options: { 'title': 'Countries' },
                    containerId: 'visualization'
                });

并尝试这种格式以防止错误：

var data = google.visualization.arrayToDataTable([
          [title, 'countries'],
          [Name[0],  1000],
          [Name[1],  1170],
        ]);

使用json数据时不会显示Google图表

1 个答案: