jQuery Flot：グラフの幅を設定する（ラベルなし）

Question

グラフの実際のサイズを設定する方法はありますか？

私は880ピクセル幅のコンテナを持っていますが、チャートを正確に拡張して、軸をむしろ伸ばしたいと思います。今はもちろん、軸が指定された領域に収まるようにパディングを適用します。

私は固定labelWidthオプションと負のマージンをコンテナに適用していましたが、それは私を役に立たないものでした。

Answer 1

軸を突き出すには、軸のlabelWidthとlabelHeight（それぞれyとx）を負の値に設定し、コンテナに余白を設定して、十分な余裕があるようにします。

CSS：

#placeholder { 
    border 2px solid red; 
    margin: 30px; 
} 

FLOTオプション：

var options = { 
    xaxis: { labelHeight: -10 }, 
    yaxis: { labelWidth: -10 } 
} 

あなたがjsFiddleで見ることができるように、コンテナの境界線とプロットとの間のギャップは、まだあります。グリッドのminBorderMarginプロパティで制御することはできますが、プロット境界を完全に隠すわけではないので、グリッドのborderWidthを0に設定するか、borderColorを設定します。私はjsFiddleを更新しました。