jquery - jQuery Flot: x 軸でラベルを繰り返す

Question

グラフに月/年を表示しようとしていますが、x 軸のラベルにバグがあります。

2012 年 4 月は 3 回(および 5 月と 6 月) あります。

ここにコードがあります

function showGraph() {
        var data = [
            { label : "Odmeny", data: [ [(new Date('2012/04/01')).getTime(), 10], [(new Date('2012/05/01')).getTime(), 10], [(new Date('2012/06/01')).getTime(), 10] ] },
            { label : "Koeficienty", data: [ [(new Date('2012/04/01')).getTime(), 11], [(new Date('2012/05/01')).getTime(), 13], [(new Date('2012/06/01')).getTime(), 16], [(new Date('2012/07/01')).getTime(), 12] ] }
        ];
        var options = {
                xaxes: [{
                           mode: "time",
                           timeformat: "%b %y",
                           monthNames: ["jan", "feb", "mar", "apr", "máj", "jún", "júl", "aug", "sep", "okt", "nov", "dec"]
                       }],
                       yaxes: [ {
                                  min: 0
                                } ],
                       series: {
                           lines: { 
                               show: true,
                               fill: null
                           },
                           points: {
                                show: true,
                                radius: 3,
                                lineWidth: 2,
                                fill: true,
                                fillColor: "#ffffff",
                                symbol: "circle"
                            }
                       },
                       grid: { hoverable: true, clickable: true }
        };

        $.plot($("#placeholder"), data, options);
    }

Answer 1

xaxis オプションで、次のように設定します。

minTickSize = [1, "month"]

現在起こっていることは、Flot が自然に 1 か月に 1 回以上ティックを生成しようとすることです。これは、フォーマット文字列のために同じ月として表示されます。

Answer 2

var options = {
    lines: { show: true },
    points: { show: true },
    xaxis: { mode: "time", 
    timeformat: "%m/%y",   
    minTickSize: [1, "day"], 
    tickSize: [1, "month"]}
    };

Answer 3

作業コード (minThickSize なし):

var options = {
            xaxes: [{
                       mode: "time",
                       timeformat: "%b %y",
                       monthNames: ["jan", "feb", "mar", "apr", "máj", "jún", "júl", "aug", "sep", "okt", "nov", "dec"]
                   }],
                   yaxes: [ {
                              min: 0
                            } ],
                   series: {
                       lines: { 
                           show: true,
                           fill: null
                       },
                       points: {
                            show: true,
                            radius: 3,
                            lineWidth: 2,
                            fill: true,
                            fillColor: "#ffffff",
                            symbol: "circle"
                        }
                   },
                   grid: { hoverable: true, clickable: true }
    };