我已经阅读了this帖子上的解决方案,但似乎无法适应我的问题。我正在使用谷歌图表来构建折线图。 x轴是日期,y轴是整数。
当我运行我的代码时,我收到一条大错误消息
对象{“然后列出我所有的JSON格式数据”}没有方法'getColumnType'。
我通过AJAX调用从Web服务获取我的JSON图表数据。我的代码到目前为止
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "WebService.asmx/HelloWorld",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false
}).responseText;
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div1'));
chart.draw(jsonData, options);
}
</script>
答案 0 :(得分:3)
解决方案很简单....您无法直接从JSON数据填充谷歌图表。首先需要将JSON格式化为数据表。解决方案如下所示:
// Load the Visualization API and the piechart package.
google.load('visualization', '1', { 'packages': ['annotatedtimeline'] });
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "JSON.txt",
dataType: "json",
async: false
}).responseText;
// HERE IS THE FIX!!! Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonData);
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div1'));
chart.draw(data, { width: 400, height: 240 });
}
答案 1 :(得分:0)
我认为你需要显式解析JSON;在这种情况下,$.ajax()
不会为你做那件事。
尝试添加:
jsonData = JSON.parse(jsonData);
在构建图表之前。
现在,那说,我不知道是什么在寻找getColumnType()
函数;这不会出现在你的JSON响应中,无论是字符串形式还是解析形式。