0

単純な一連のデータを表示する棒グラフを取得しようとしています。

データは正しく表示されますが、範囲内に存在するゼロ値のデータでグリッドが埋められます。

画像を参照してください。

$.plot($('#somediv'), result, {
    lines: {
        show: false
    },
    bars: {
        barWidth: 12,
        horizontal: false,
        align: "center",
        show: true,
        zero:false,
        fill:true,
        fillColor:'#fefefe',
    },        
    points: {
        show: false,
        symbol: "circle",
        fill: false
    },
    grid: {
        hoverable: true, 
        backgroundColor: '#fefefe', 
        borderColor: '#eee',
        borderWidth: 1,
        clickable: true
    },
    series: {
        lines: {
            show: false, 
            lineWidth: 1
        },
        shadowSize: 0
    },
    xaxis: {
        mode: null,

    },
    yaxis: {
        min: 0
    },
    selection: {
        mode: "y"
    },

});

ここにデータがあります

[{"label":"Sales","data":[["180","23"],["3","12"],["183","10"],["154","5"],["239","4"]]}]

これがスクリーンショットの結果です。

ここに画像の説明を入力

下部のデータ シリーズは製品 ID、Y 軸は各製品の販売数です。

私が欲しいのは、各ティックが1つのバーを表示することですが、ドキュメントを理解できません

https://github.com/flot/flot/blob/master/API.md

4

1 に答える 1

0

Flot はグリッドを null で埋めていません。指定したx値-180、3、183などを正しくプロットしています。これらの値が実際には軸上の位置に対応していない場合は、代わりに 1、2、3、... を使用する必要があります。

于 2013-10-31T12:36:21.483 に答える