2011-08-27 26 views
7

私はflot、jqueryグラフ作成ライブラリを探しています。jquery/flot棒グラフを作成するにはどうすればよいですか?

棒グラフを作成したいと考えています。これは本当にセットアップされていなかったようです。私のデータを少し歪ませると、私が想像していることをほとんど行うことができます。このコードを使用すると:かなり良いです

enter image description here

を:

var dataSet = [ 
    [ 15132, "Inez" ], 
    [ 21441, "Rocky" ], 
    [ 29141, "Jim" ], 
    [ 18211, "Sophia" ], 
    [ 17556, "Perry" ], 
    [ 32251, "Jorge" ], 
    [ 43560, "Madison" ], 
    [ 20180, "Gil" ], 
    [ 12180, "Fran" ], 
    [ 31018, "Sheila" ], 
    [ 45143, "Nial" ], 
    ]; 


    function plotChart() { 
    var d1, xaxisLabels = [], i=0; 

    d1 = dataSet.map(function(elt){return {label: elt[1], data: [[i++, elt[0]]]};}); 
    i = 0; 
    // example for xaxis option: {ticks: [[1,'One'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five']]}, 
    xaxisLabels = dataSet.map(function(elt) { return [i++, elt[1]]; }); 
    $.plot($("#chart1"), 
      d1, 
      { 
      legend: { 
       show: true, 
       container: $('#legend1'), 
      }, 
      series: { 
        bars: { 
        show  : true, 
        align  : 'center', 
        //dataLabels : true, 
        barWidth : 0.4 
        } 
      }, 
      xaxis: { ticks: xaxisLabels }, 
      yaxis: { 
        ticks: 10 
      }, 
      grid: { 
        show: true, 
        backgroundColor: { colors: ["#fff", "#eee"] } 
      } 
      }); 
} 

$(document).ready(plotChart); 

これは私が得るものです。しかし、私は垂直軸線を削除したいと思います。これらは折れ線グラフでは意味をなさないが、棒グラフでは意味をなさない。

誰でも知っているのですか?

答えて

8

必要なのは

xaxis: { tickLength: 0 } 
+0

おっとです!本当に?私はそれを試みたと思った。感謝 - はるかに簡単です。どのように恥ずかしい! – Cheeso

+0

これは私にとっては役に立ちません。私はFlot 0.7を使います。 – neoneye

関連する問題