ajax - jqPlot:从 json 文件打印 pointLabels

Question

我想使用 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 } 

有什么建议吗？

Answer 1

你应该使用:

    xaxis: {
        renderer:$.jqplot.DateAxisRenderer,
        tickOptions: {
            formatString:'%H:%M'
        }
    },