私のフロートグラフの左の境界線を一番左の縦線と整列させるにはどうすればよいですか？

Question

Flotでグラフを作成しました（jQuery 1.11を使用）。私は、グリッドの境界線をグリッドの線に合わせることに問題があります。このFiddleのように、グラフの左端/境界線はグラフの一番左の垂直線と重ならない。どうすればそれらを整列させることができますか？あなたのデータポイントは、数年にわたって広がっているので

$(function() { 
    var data = [[1403913600000, 2915000],[1437782400000, 2788000],[1466812800000, 2759000]]; 

    $("<div id='tooltip'></div>").css({ 
    position: "absolute", 
    display: "none", 
    border: "1px solid #fdd", 
    padding: "2px", 
    "background-color": "#fee", 
    opacity: 0.80 
    }).appendTo("body"); 

    $.plot("#placeholder", [data], { 
    yaxis: { 
     tickFormatter: formatTime 
    }, 
    xaxis: { 
     mode: "time", 
     labelHeight: 30 
    }, 
    points: { 
     show: true 
    }, 
    lines: { 
     show: true 
    }, 
    grid: { 
     margin: 10, 
     labelMargin: 5, 
     labelWidth: 20, 
     hoverable: true, 
     clickable: true, 
     tickColor: "#efefef", 
     borderWidth: 2, 
     borderColor: "#efefef" 
    }, 
    tooltip: true 
    }); 

Answer 1

、FLOTの自動ダニの発生が（その月の最初に）ごとに3ヶ月あなたに1つの目盛りを与える：私はそうのような私のFLOTグラフを作成しました。 x軸の最初の目盛りは2014年7月1日、最初のデータポイントは2014年6月28日です。

1）グラフの端にもう一度目盛りを付けるには、x軸の最小値を定義できます4月1日2014（7月1日2016上の最大値）は、x軸オプションで上、正確な値は、あなたのタイムゾーンによって異なります（ここではUTC + 2）、あなたがそれらを変更する必要があります（updated fiddle）：

xaxis: { 
    mode: "time", 
    labelHeight: 30, 
    min: 1396275200000, 
    max: 1467396000000 
}, 

2）別の解決方法は、自分でデータポイントxの値に等しいティックを定義することです。データポイントがどこにあるか、あなたは（updated fiddle）ダニだけいる：

xaxis: { 
    mode: "time", 
    labelHeight: 30, 
    ticks: [1403913600000, 1437782400000, 1466812800000], 
    timeformat: '%Y/%m/%d' 
},