如何将json字符串转换为google.visualization.DataTable?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将json字符串转换为google.visualization.DataTable?相关的知识,希望对你有一定的参考价值。

我从响应中获取了一个json字符串。如何从中创建数据表?

EG

var jasonString = "..........";

var data = new google.visualization.DataTable(jasonString);
答案

您可以使用arrayToDataTable功能

var jsonString = ".........."; // json string of array
var array  = JSON.parse(jsonString);

var dataTableData = google.visualization.arrayToDataTable(array);

// use dataTableData to build dataTable
另一答案

根据this page,它说你可以直接将JSON响应放入google.visualization.DataTable

var data = new google.visualization.DataTable(jsonData);
另一答案

你可以做:

google.charts.load('current', { 'packages': ['line'] });
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var json = $.ajax({
        url: "GetFaturamentoMes",
        dataType: "json",
        success: function (jsonData) {
            var data = new google.visualization.DataTable();
            data.addColumn('number', 'Mês');
            data.addColumn('number', 'Faturamento Por Mês');

            for (var i = 0; i < jsonData.length; i++) {
                mes = jsonData[i].Mes;
                total = jsonData[i].Total;
                data.addRow([mes, total]);
            }
            var options = {
                chart: {
                    title: 'Gráfico de Faturamento Mensal',
                    subtitle: 'Moeda (R$)'
                },
                width: 600,
                height: 300,
                axes: {
                    x: {
                        10: { side: 'top' }
                    }
                }
            };
            var chart = new google.charts.Line(document.getElementById('line_top_x'));
            chart.draw(data, google.charts.Line.convertOptions(options));
        }
    });
}

以上是关于如何将json字符串转换为google.visualization.DataTable?的主要内容,如果未能解决你的问题,请参考以下文章

如何将json转换为字符串

如何将 JSON 字符串转换为数字?

如何将大型 JSON 字符串转换为 JSON 对象?

如何将 JSON 字符串转换为数组

json字符串转换成对象,对象为空,如何解决

如何使用 json.net 将数据表转换为 json 字符串?