4

flot.js: http://jsfiddle.net/tFy46/6/を使用して作成されたマルチシリーズ棒グラフがあります 。

フィドルからわかるように、各ティックがどのバーのセットを参照しているかは明確ではありません。

各データ ポイントを変更して、バーの各セットがティック ( http://jsfiddle.net/tFy46/7/ ) の周りに配置されるようにしても、あまり明確ではありません (特にシリーズの数が増えると.

目盛りの各セットの間に目盛りラベルを中央に配置できるようにしたいと思います。これは可能ですか？(私はlabelWidth無駄にしようとしました;tickFormatter関数をいじる必要がありますか?)

4

1 に答える 1

3

申し訳ありませんが、あなたが何を求めているのか誤解していました。

残念ながら、Flotは目盛りの位置にラベルを描画するため、目盛りからラベルをオフセットすると問題が発生します。

より良い解決策は、目盛りを無効にしてから、グリッドのmarkingsオプションを使用して列グループを区切ることです。

    xaxis: {
        ticks: [[0.5,"1st Nov to 3rd Nov"],[2.0,"11th Nov to 15th Nov"]],
        tickLength: 0, // disable tick
        min: -0.2,
        max: 2.7
    },
    yaxis: {
        tickLength: 0 // disable tick
    },
    grid: {
        markings: [ { xaxis: { from: 1.25, to: 1.25 }, color: "black" } ] // create demarcation line
    }

ここでフィドル。

ここに画像の説明を入力

于 2013-11-18T20:00:33.500 に答える