如果没有垂直轴线,如何构建jquery/flot条形图?

如果没有垂直轴线,如何构建jquery/flot条形图?,jquery,flot,Jquery,Flot,我正在探索flot,jquery图形库 我希望能够创建一个条形图。似乎它不是真的为这个而建立的。如果我稍微扭曲一下我的数据,我可以让它基本上实现我的设想。使用此代码: var dataSet = [ [ 15132, "Inez" ], [ 21441, "Rocky" ], [ 29141, "Jim" ], [ 18211, "Sophia" ], [ 17556, "Perry" ], [ 32251, "Jorge" ], [

我正在探索flot,jquery图形库

我希望能够创建一个条形图。似乎它不是真的为这个而建立的。如果我稍微扭曲一下我的数据,我可以让它基本上实现我的设想。使用此代码:

  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);
这就是我得到的:

那很好。但是我想去掉垂直轴线。这些可能在折线图中有意义,但在条形图中没有意义

有人知道我怎么做吗

你所需要的就是

xaxis: { tickLength: 0 }

哇!真正地我想我已经试过了。谢谢-简单多了。多尴尬啊!