空のフロートチャート?

https://stackoverflow.com/questions/943855

09-09-2019
|

質問

以下のコードを実行し、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>

解決

FLOT（V。0.6）の現在のバージョンでは、棒グラフをサポートしています。ここでnoreferrer">例をrel="nofollow href="http://people.iola.dk/olau/flot/examples/graph-types.html"

bars: { show: true}

他のヒント

古い質問が、私はそれが答えたとは思いません。 FLOTのAPIドキュメントによるます：

FLOT内部ロジックを簡素化することに注意してください両方xとy 値は、あなたが神秘的なエラーを取得している場合は、ダブル...数字でなければなりませんあなたは数字ではなく文字列を入力していることを確認します。

あなたはドキュメントに従って仕事に行くされていないデータ内の文字列（例えば[、「未割り当て」310]）を使用しています。

上記の場合であれば

あなたはこれを行うことができますが、あなたは自分のデータをバックアップし、偽の少しを必要とします。

$(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);
});

------>

altテキスト

おそらくあなたはFLOTに渡す前に、適切にあなたのデータを変更することができます。

FlotUsageするで実際の用途の偉大な例がたくさんあります。例えば Fedoraののいくつかの素晴らしい棒グラフを持っています。それはあなたが誰からソースやベビーベッドのアイデアを表示することができますJavaScriptのだから素晴らしいところは、次のとおりです。）

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

多分これまたはこれプラグインが役に立ちますか?

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow

空のフロート チャート?

空のフロートチャート?