我正在尝试使用带有JSON数据的jquery flot插件绘制图形.我需要做的是.
当页面加载时,它将进行ajax调用并从服务器接收json数据.
从收到的json我需要添加'x'和'y'轴标签.我想绘制图表
根据json数据中的要点.
'Y'轴必须具有0到100之间的值
'X'轴应该只有json数据值
我的剧本是:
//var maxDate = new Date(); //var minDate = new Date(); var options = { series: { lines: { show: true }, points: { show: true } }, grid: { hoverable: true, clickable: true }, xaxis: { //min: minDate.setMonth(maxDate.getMonth() - 12), //max: maxDate, mode: "time", monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], timeformat: "%b(%Y)" }, yaxis: { min: 0, max: 100, ticks: 10 } var data = []; var placeholder = $("#trigo"); var dataurl = 'cprogress.php?action=overall'; // then fetch the data with jQuery function onDataReceived(series) { data.push(series); $.plot(placeholder, data, options); setData(data); } $.ajax({ url: dataurl, method: 'GET', dataType: 'json', success: onDataReceived });
现在我的图表看起来像这样
还有JSON
[["2013-11-05",8.3333333333333],["2013-12-05",0]]
我要打印的是 11月(2013年)和12月(2013年),必须从8.33到0绘制图表现在打印1月(1970年)为什么我不知道.
请任何人帮我解决这个问题.我两天都在努力解决这个问题.谢谢...