我想使用 jqPlot
从一个 JSON
文件渲染一个图表。
通过一些例子的帮助,我得到了下面的代码,它可以正常工作:
$(document).ready(function(){
var ajaxDataRenderer = function(url, plot) {
var ret = null;
$.ajax({
// have to use synchronous here, else returns before data is fetched
async: false,
url: url,
dataType:'json',
success: function(data) {
ret = data;
}
});
return ret;
};
var jsonurl = "./json_3.json";
plo12 = $.jqplot('chart2', jsonurl,{
dataRenderer: ajaxDataRenderer,
title: 'User Activity Chart (AJAX JSON Data Renderer)',
legend: {show:true},
seriesDefaults: {
showMarker:true,
pointLabels: { show:true }
},
axes: {
xaxis: {
renderer:$.jqplot.DateAxisRenderer,
tickOptions: {
formatString:'%a %d %b %H:%M'
}
},
yaxis: {
tickOptions: {
show: false
},
}
}
});
});
而 JSON
文件看起来像这样:
[
[
["2012-02-07 10:00", 10, "start"],
["2012-02-07 23:43" ,10, "end"]
],
[
["2012-02-07 01:45", 20, "start"],
["2012-02-07 08:18", 20, "end"]
]
]
这种方法可以让我画出任意数量的系列。
现在唯一的问题是图表上没有打印标签(开始/结束),我不知道为什么。
我以为这行代码已经足够了:
pointLabels: { show:true }
有什么建议吗?