Javascript 无法使用json在google图表中显示数据
我从MySQL获取数据,并希望使用google图表将其显示在折线图中。我正在使用java和javascript 这是我从MySQL获取的数据类型: 时间戳2017-06-12 19:22:23.012017-06-12 19:22:25.0Javascript 无法使用json在google图表中显示数据,javascript,Javascript,我从MySQL获取数据,并希望使用google图表将其显示在折线图中。我正在使用java和javascript 这是我从MySQL获取的数据类型: 时间戳2017-06-12 19:22:23.012017-06-12 19:22:25.0 f1414413 我在resultset中获得了这些数据,并将其转换为JSONarray,其输出如下: “[{”f1:414,ts:“2017-06-12 19:22:23.0”},{”f1:415,ts:“2017-06-12 19:22:25.0”}”
f1414413 我在resultset中获得了这些数据,并将其转换为JSONarray,其输出如下: “[{”f1:414,ts:“2017-06-12 19:22:23.0”},{”f1:415,ts:“2017-06-12 19:22:25.0”}” ->我从servlet将此字符串传递到jsp文件 现在JSP文件:
$(文档).ready(函数(){
警惕(“你好”);
});
var newstring=
var chartData=JSON.parse(newstring);
//加载谷歌图表
load('visualization','1.1',{packages:[“corechart,table”]});
google.charts.setOnLoadCallback(drawChart);
//绘制图表并设置图表值
var dTable=new google.visualization.DataTable();
addColumn('string','timestamp');
addColumn('number','f1');
对于(i=0;i当您在创建图表时使用一些变量数据时,将所有值添加到dTable,正确的方法应该是
chart.draw(dTable , options);
并且没有drawChart函数,您应该将所有内容都封装在函数lioke中
function drawChart(){
var dTable = new google.visualization.DataTable();
dTable.addColumn('string','timestamp');
dTable.addColumn('number','f1');
for(i=0;i<chartData.length;i++)
{
var currentObj = chartData[i];
dTable.addRow([currentObj.f1,currentObj.ts]);
}
// Display the chart inside the <div> element with id="linechart"
var options = {'title':'<%= request.getAttribute("Spring_type") + " for date :"%><%= request.getAttribute("date")%>', 'width':550, 'height':400};
var chart = new google.visualization.LineChart(document.getElementById('linechart'));
chart.draw(dTable , options);
}
函数绘图图(){
var dTable=new google.visualization.DataTable();
addColumn('string','timestamp');
addColumn('number','f1');
对于(i=0;i控制台中是否有错误?否..无错误..然后确保正在渲染图表的父元素的高度也要检查元素以查看图表元素是否存在于DOM中抱歉..我的javascript不是很好..如果您可以提供更多详细信息或任何链接。下面是我正在查看的divplaying chart gstatic.com/charts/loader.js“>我发布的其余代码above@NikhilKumawat更新了我的答案