空のフローチャート？

Question

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

Answer 1

現在のバージョンのflot（v。0.6）は棒グラフをサポートしています。ここにはexampleがあります。プロット（）関数では、次のように入力するだけです。

bars: { show: true} 

Answer 2

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

おそらくthisまたはthisプラグインがお手伝いできますか？

Answer 3

古い質問ですが、私はそれは答えられたとは思いません。

注あなたは神秘的なエラーを取得している場合... xとyの 値の両方が数値でなければなりませんFLOTで、内部ロジックを簡素化するために、あなたがしているダブル チェック：FLOT APIドキュメントによると、文字列ではなく数字を入力します。

上記の場合、ドキュメントに応じて動作しないデータ（[未割り当て]、[310]など）の文字列を使用している場合。

Answer 4

あなたはこれを行うことができますが、ちょっとデータを偽造する必要があります。

$(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だからです。