如何将json字符串转换为google.visualization.DataTable
How can I convert json string to google.visualization.DataTable?
我从响应中获得json字符串。如何创建一个数据表呢?
。
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
根据这个页面,你可以直接将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));
}
});
}
相关文章:
- 如何在Google柱状图中动态添加行/列
- 使用Google Visualization动态调用构造函数
- Google Visualization API JSON vs ArrayToDataTable in Python
- 为什么一个简单的google.load('visualization ..调用抛出错误
- 使用 PHP、JSON 和 google.visualization.DataTable 创建 google 仪表板图表
- 未捕获的类型错误:google.visualization.LineChart
- Google visualization undefined for setOnLoadCallback
- Google Chrome & Visualization google.setOnLoadCallback 在
- TypeError:google.visualization.arrayToDataTable不是函数
- Google Visualization仅在ComboChart中的一个栏上应用ChartRangeFilter控件
- 如何删除google.visualization.Dashboard
- 设置google.visualization.DataTable的列宽
- 如何将json字符串转换为google.visualization.DataTable
- 如何在Google Visualization API中格式化折线图上的水平轴标签
- 正在尝试将Google Visualization API中的addRows()与数组数组一起使用JavaScript/
- 如何不显示id与google-visualization-errors-%
- 多维数组- google.visualization.arrayToDataTable
- Google Charts API: new Google .visualization. table () - Unc
- 过滤并重新绘制google.visualization.DataTable时,需要重新计算列值
- 不能使google.visualization.ChartWrapper的例子工作