ajax请求回来的数据赋值到amcharts之后,图像显示不出来

sinat_38099591 2017-03-28 04:10:10
var chartData = [];
function initChart(chartData){
console.log(JSON.stringify(chartData))
var chart = AmCharts.makeChart( "chartdiv", {
"type": "gantt",
"theme": "none",
"marginRight": 70,
"period": "hh",
"dataDateFormat":"YYYY-MM-DD",
"balloonDateFormat": "JJ:NN",
"columnWidth": 0.3,
"valueAxis": {
"type": "date"
},
"brightnessStep": 10,
"graph": {
"fillAlphas": 1
},
"rotate": true,
"categoryField": "category",
"segmentsField": "segments",
"colorField": "color",
"startDate": "2017-01-01",
"startField": "start",
"endField": "end",
"durationField": "duration",
"dataProvider": [],
"valueScrollbar": {
"autoGridCount":true
},
"chartCursor": {
"cursorColor":"#55bb76",
"valueBalloonsEnabled": false,
"cursorAlpha": 0,
"valueLineAlpha":0.5,
"valueLineBalloonEnabled": true,
"valueLineEnabled": true,
"zoomable":false,
"valueZoomable":true
},
"export": {
"enabled": true
}
});
chart.dataProvider = chartData;
}
这上面是我调用这个插件里面的甘特图方法
下面是我ajax请求
function gantt_chart(imsi,netType){
var start_time = $("#start_time").val();
var end_time = $("#end_time").val();
$.ajax({
url : "${request.contextPath}/analyze/ganttChart.do",
type : "post",
dataType : "json",
async:true,
data : {
"imsi" : imsi,
"netType" : netType,
"startTime" : start_time,
"endTime" : end_time
},
success : function(data) {
for(var i=0;i<data.length;i++){
chartData.push({
"category":data[i].category,
"segments":data[i].segments
})
}
initChart(chartData);
//console.log(chartData);
window.parent.hideLoad();
},
error : function() {
alert("Response failure!");
window.parent.hideLoad();
}
});
}
数据已经传过来了,但是页面上不显示图像,还求大神帮忙解答一下,小妹在这里感激不尽
...全文
213 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
renyshattie 2021-04-19
  • 打赏
  • 举报
回复
我今天也遇到同样的问题?请问你这问题解决了吗?怎么解决的
sinat_38099591 2017-03-28
  • 打赏
  • 举报
回复
有没有大神帮忙回复一下啊,比较着急

87,923

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧