0

以下のバー チャート コード:-

var data = [
    {data: [[0, 5],[1,2],[2,4],[3,1]], label:'t1'},
    {data: [[0,2],[1, 5],[2,2],[3,3]], label:'t2'},
    {data: [[0,3],[1, 7],[2,5],[3,2]], label:'t3'},
    {data: [[0,4],[1, 3],[2,1],[3,4]], label:'t4'}
];

$.plot($("#placeholder"), data, {
    series: {
        lines: {
            fill: true,
        },
        bars: {
            show: true,
            align:'center',
            barWidth: 0.8,
        }   
    },
    xaxis: {
        ticks: [[0, "Jan"],[1, "Feb"],[2, "Mar"],[3, "Apr"]]
    },
    yaxis: {
        min: 0
    }
});

上記のコードは出力を返します

フィドルの例。 ここに画像の説明を入力

以下の棒グラフを取得する方法は、t1、t2、t3、t4 の個々の色を対応する月に示していますか?...この出力に基づいて、コードに必要な変更は何ですか?... ここに画像の説明を入力

4

1 に答える 1

0

以下のコードは、バー char の個別の色を表示します

var data = [
    {data: [[0, 5],[1,2],[2,4],[3,1]], label:'t1'},
    {data: [[0.2,2],[1.2, 5],[2.2,2],[3.2,3]], label:'t2'},
    {data: [[0.4,3],[1.4, 7],[2.4,5],[3.4,2]], label:'t3'},
    {data: [[0.6,4],[1.6, 3],[2.6,1],[3.6,4]], label:'t4'}
];

$.plot($("#placeholder"), data, {
    series: {
        lines: {
            fill: true,
        },
        bars: {
            show: true,
            align:'center',
            barWidth: 0.1,
        }   
    },
    xaxis: {
        ticks: [[0.3, "Jan"],[1.3, "Feb"],[2.3, "Mar"],[3.3, "Apr"]]
    },
    yaxis: {
        min: 0
    }
});

ただし、デフォルトのデータ値はdata = [{data:[[0,5]], label:'t1'}, data:[[0,2]], label:'t1'}, data:[[0,3] を示します]]、ラベル:'t1'}];

x 軸 0、0、0 のデータ値を 0、0.2、0.4、0.6 に動的に更新する方法は?...

于 2014-03-25T13:21:39.677 に答える