5

私はFlotで次のようなものを再作成しようとしています:

ここに画像の説明を入力

左の Y 軸は金額を表し、右の Y 軸は目標 (緑の線) に基づくパーセンテージです。

したがって、この例では、目標は $20000 (100%) であるため、右の y 軸をそれに合わせて調整する必要があります。

このjsFiddleを取得できましたが、ご覧のとおり、パーセンテージを示す右の y 軸は実際のデータと「一致」していません。

軸のフォーマットは問題ありません:

var percFormatter = function(val, axis) {
    return (val * 100).toFixed() + '%';
}

しかし、シリーズを両方の軸に対して相対的にするにはどうすればよいですか?

4

1 に答える 1

1

プロットを描画して、最初の軸の最大値を取得できます。次に、2 番目の軸の新しい最大値でオプションを編集します。両方の軸の最小値は常に 0 です。

var plot = $.plot($("#placeholder"), [series.money, series.goal], options);

options.yaxes[1].max = plot.getYAxes()[0].max;

$.plot($("#placeholder"), [series.money, series.goal], options);

私のコメントのいくつかでこのフィドルで動作しています：http://jsfiddle.net/LXrLf/1/

于 2012-10-29T15:39:19.760 に答える