javascript - Flot 棒グラフ バーを X 軸ラベルに整列

Question

こんにちは、31 日間のデータで棒グラフをプロットしようとしています。ただし、プロットすると、バーを

align: "center"

、最初のバーと最後のバーが半分にカットされます。

これがjsfiddleです： http://jsfiddle.net/3T6qc/

バー全体が表示され、中央のすぐ下にラベルが表示されるように設定するにはどうすればよいですか? プロット ライブラリとして flot を使用していることに注意してください。

Answer 1

ねえ、フィドルについて注意すべき点がいくつかあります。

1. サンプルで軸ラベル プラグインを使用するのを忘れていました。Flot には組み込みサポートの軸ラベルがありません。サードパーティのプラグインを使用する必要があります。軸ラベルについては Flot プラグインを参照してください

2. バーが端で切れる問題については、中央揃えの棒グラフを参照できます 更新されたコードに従うと、うまくいきました

}

if (graphMode == "month") {
$( "#hSlider" ).slider( "option", "min", 1.75 ); //add 0.75 offset
$( "#hSlider" ).slider( "option", "max", 31.75 );
$( "#hSlider" ).slider( "option", "values", [ 1, 31 ] );
for (var i = 1; i <= 31; i++) {
    if (i < day)
    {
        d.push([ i, getRandomInt(1200, 1800) ]);
    }
    else
    {
        d.push([ i, 0]);
    }
}
}

したがって、コードを少し更新して、バーの幅にオフセットを追加する必要があります。