Google visualization 谷歌图表工具-JSON格式
我在Google图表工具的文档中获得了正确的JSON结构用法,但请查看以下内容: 正如您所看到的,条形图看起来很棒,但是饼状图坏了 我使用相同的数据,正如你在这个JS上看到的:Google visualization 谷歌图表工具-JSON格式,google-visualization,pygooglechart,Google Visualization,Pygooglechart,我在Google图表工具的文档中获得了正确的JSON结构用法,但请查看以下内容: 正如您所看到的,条形图看起来很棒,但是饼状图坏了 我使用相同的数据,正如你在这个JS上看到的: function drawChart() { var element = $('#overall'); var element2 = $('#overall2'); var link = element.data('link'); var jsonData =
function drawChart() {
var element = $('#overall');
var element2 = $('#overall2');
var link = element.data('link');
var jsonData = $.ajax({
url: link,
dataType:"json",
async: false
}).responseText;
// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonData);
// Set chart options
var options = {'title':'Overall progress',
'width':400,
'height':300};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.BarChart(element[0]);
chart.draw(data, options);
var chart2 = new google.visualization.PieChart(element2[0]);
chart2.draw(data, options);
}
这看起来很奇怪,因为在上,他们使用了一个具有相同JSON的PieChart
最重要的是:
{
"cols": [
{"id": "","label": "Topping","pattern": "","type": "string"},
{"id": "","label": "Slices","pattern": "","type": "number"}
],
"rows": [
{"c": [{"v": "Mushrooms"},{"v": "3"}]},
{"c": [{"v": "Onions"},{"v": "1"}]},
{"c": [{"v": "Olives"},{"v": "1"}]},
{"c": [{"v": "Zucchini"},{"v": "1"}]},
{"c": [{"v": "Pepperoni"},{"v": "2"}]}
]
}
稍微不同的是,没有得到“f”:属性,因为它在服务器端为NULL。我是否应该将send null格式化为字符串并得到:“f”:“null”?没有道理
谢谢
编辑
柱形图和面积图的结果都很好。问题是在数字周围加引号:
{“v”:“3”}
应该是{“v”:3}
因为我序列化的是字符串而不是对象(从Java端)。我会将你的答案标记为已接受,但稍后当我测试它时,我会在这里确认它。为什么所有其他图表都能工作,而只有PieChart不能工作,这一点令人费解。谢谢你的支持answer@d34d_d3v1l,如果内存可用,其他图表也会遇到使用字符串而不是数字的问题,但它们会更好地隐藏它。