Question

我想使用JSON从jqPlot文件中呈现图表。在一些例子的帮助下，我得到了以下可以正常工作的代码：

$(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'
        }
    },

jqPlot：从json文件打印pointLabels

1 个答案: