1

以下のコードを実行して、Flot/jQuery を使用して空のチャートを取得しています。理想的には、データの棒グラフです。私は喜んでこれを見て、見ています - 誰か何かアイデアを持っていますか?

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

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>
4

4 に答える 4

2

古い質問ですが、答えられていないと思います。Flot API ドキュメントによると:

Flot の内部ロジックを単純化するために、x と y の値は両方とも数値でなければならないことに注意してください。不思議なエラーが発生した場合は、文字列ではなく数値を入力していることを再確認してください。

上記の場合、データで文字列を使用している場合 (["Unassigned", 310] など) は、ドキュメントに従って機能しません。

于 2010-08-10T14:15:23.530 に答える
2

現在のバージョンの flot (v. 0.6) は棒グラフをサポートしています。ここに例があります。plot() 関数では、次のように入力するだけです。

bars: { show: true}
于 2009-11-05T21:37:18.900 に答える
1

これを行うことはできますが、データを少し偽造する必要があるだけです。

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

代替テキスト

おそらく、データを Flot に渡す前に適切に変更できます。

FlotUsageには、実際の使用例がたくさんあります。たとえば、 Fedoraには素敵な棒グラフがあります。すばらしいのは、JavaScript であるため、ソースを表示して、誰からでもアイデアを引き出すことができることです :)

于 2010-08-25T02:04:03.510 に答える
0

Neil Middleton がコメントで述べているように、Flot は Bar Charts をサポートしていません。

おそらく、これまたはこのプラグインがあなたを助けることができますか?

于 2009-06-03T10:24:25.703 に答える