10

私はflotで提示している基本的な棒グラフを持っています(ステータスごとの%を表示する5本の棒)。

$.plot($("#placeholder"), [
    {
        label: 'Failed',
        data: [[0,10]],
        bars: { show: true }
    },
    {
        label: 'Passed',
        data: [[1,15]],
        bars: { show: true }
    },
    {
        label: 'Not Run',
        data: [[2,30]],
        bars: { show: true }
    },
    {
        label: 'Blocked',
        data: [[3,5]],
        bars: { show: true }
    },
    {
        label: 'In Progress',
        data: [[4,40]],
        bars: { show: true }
    }
],
{
    xaxis: {
        ticks: [[0.5, "Failed"], [1.5, "Passed"], [2.5, "Not Run"], [3.5, "Blocked"], [4.5, "In Progress"]]
    },
    legend: {
        show: false
    }
});

特にグラフが小さな次元で表示されている場合、x 軸の目盛り値に使用されるフォントが少し大きすぎることがわかりました。240x100。API ドキュメントを読みましたが、目盛りラベルのサイズを制御する方法が見つかりません。

これはOOTBの可能性がありますか？

4

4 に答える 4

17

API経由でフォントサイズを設定できるようには見えませんが、cssを使用して目盛りラベルのサイズを設定できます。

.tickLabel { font-size: 80% }
于 2009-03-20T14:52:42.250 に答える
12

API からの直接の例を次に示します。

xaxis:{
   font:{
      size:11,
      style:"italic",
      weight:"bold",
      family:"sans-serif",
      variant:"small-caps"
   }
}

http://flot.googlecode.com/svn/trunk/API.txt

于 2012-07-12T21:17:30.320 に答える
6

上記の 2 つの回答は、最新バージョンの flot では機能しません。「実際の」テキストを使用しなくなったためです (代わりにテキストが描画されます)。代わりに、次のオプションを指定します。

{xaxis: {font: size: some_number}, yaxis: {font: size: some_number}}

some_number(ポイントで希望のサイズに置き換えます)

于 2011-12-08T12:13:29.330 に答える