1

私のチャートはこのように見え、私はそれが好きです（xaxisは2月3日、2月4日、2月5日など）：

チャートOK

しかし、時間データを追加すると、隔月が消えます:(データはそれほど多くないので、毎月収まります！しかし、それはなくなりました。）

チャートが間違っています

最初の画像のように毎月表示したいのですが、プレースホルダーを広げることができません。

<div id="placeholder1" style="width: 700px; height: 300px;"></div>

（700pxでなければなりません）

私のコード：

var data = [

    [1328223600000, 5],
    [1328310000000, 15],
    [1328396400000, 30],
    [1328482800000, 17],
    [1328655600000, 7],
    [1328742000000, 33],
    [1328828400000, 40],
    [1328914800000, 22],
    [1329001200000, 40],
    [1329087600000, 33],
    [1329174000000, 33],

]; 

var ds = new Array();

ds.push({
    data:data,
    bars: {
        show: true, 
        align: "center",
        barWidth: 1000*60*60*24, 
        fill: true,
    },
    color: "#aae0f0",
});


$.plot($("#placeholder1"), ds, {

grid:{ hoverable:true, clickable: true },

xaxis:
{
    mode: "time",
    minTickSize: [1, "day"],

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

    tickLength: 0,
    alignTicksWithAxis: 1,
},

series:
 {
    //stack: 1, // - not work too
    //bandwidth: { active: true , lineWidth: 8 },
 }

});

返信ありがとうございます。

PS。フォント：{}メソッドも機能しないのはなぜですか？:(


//私は英語を母国語としないので、グラマの問題を許してください。

4

1 に答える 1

1

Flot はこれらのオプションをサポートしていないため、フォント オプションは機能しません。API ドキュメントで「xaxis」を検索してください。代わりに、.tickLabel クラスの下の CSS でそれらを設定する必要があります。

ラベルが消えることについては、おそらく minTickSize の代わりに tickSize を設定することで解決できますが、ある時点でラベルが重なって見苦しくなります。Flot は回転/複数行のラベルをサポートしていないため、それを回避する唯一の方法はフォント サイズを小さくすることです。

于 2012-06-14T11:36:09.807 に答える