7

次のように、flot 棒グラフ (横棒グラフと積み上げ棒グラフ) のバー内に値を表示したいと思います。

|-------------------------------------------
|                 5                 |   1  |
|-------------------------------------------
|
|------------------------------------
|           3         |       2     |
|------------------------------------

この投稿を見ました:フロート棒グラフ の棒内に値を表示する 値は、最初の積み上げ棒の内側にのみ表示されます。2 番目の値は、現在のバーの対応する値ではなく、現在の合計です。例:

|-------------------------------------------
|                 5  6               |     |
|-------------------------------------------
|
|------------------------------------
|           3 5        |            |
|------------------------------------

誰かがこの機能のための良いプラグインを知っていますか? また、バー内のフォントサイズを大きくしたいと思います。

ありがとうございました！

ここにコード：

<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.barnumbers.js"></script>

var data = [
        {label: 'Label 1', color:"#80FF80", data: [[1,5], [2,3]]},
        {label: 'Label 2', color:"#FF8080", data: [[1,1], [2,2]]}
];

//reverse data for horizontal
for (series in data){
    var s = data[series];
    for (i=0;i<s.data.length;i++){
            var tmp = s.data[i][0];
        s.data[i][0] = s.data[i][1];
        s.data[i][1] = tmp;        
    }
}

var options = {
    series: {
        stack: 0,
        lines: {show: false, steps: false },
        bars: {
            show: true, 
            barWidth: 0.5, 
            align: 'center', 
            horizontal: true, 
            showNumbers: true
        },
    },
    yaxis: {ticks: [[1,'Category 1'], [2,'Category 2']]},
};

$.plot($("#flot-example-2"), data, options);
4

3 に答える 3

5

積み上げ棒グラフをサポートするように flot-barnumbers を更新しました。更新された例を参照してください。他の機能が必要な場合は、メールを送信するか、問題を開いてください。この質問はたまたま見ただけです。

于 2012-11-25T16:20:55.187 に答える
1

flot-barnumbersは積み上げ棒グラフをサポートしていないようです。そのため、値のラベルが不適切になっています。積み上げ棒グラフを実装するためのjQueryプラグインであるjqBarGraphを使用することをお勧めします。

http://workshop.rs/jqbargraph/

お役に立てば幸いです。

于 2012-10-11T21:05:01.500 に答える
0

最終的にHighcharts プラグインを使用することにしました。これは、文書化がはるかに優れており、うまく機能するためです。

于 2012-10-18T14:09:27.617 に答える