jqPlot: печать pointLabels из файла json - PullRequest
Новая
       20

jqPlot: печать pointLabels из файла json

3 голосов
/ 08 февраля 2012

Я бы хотел отобразить диаграмму из файла 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 }

Любой совет?

1 Ответ

3 голосов
/ 05 ноября 2012

вы должны использовать: 

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