¿Cómo puedo construir un gráfico de barras jquery/flotante, sin las líneas del eje vertical?

Question

Estoy explorando flot, la biblioteca gráfica de jquery.

Me gustaría poder crear un gráfico de barras. Parece que no estaba realmente preparado para esto. Si contorsiono mis datos un poco, puedo hacer que haga principalmente lo que imagino. Utilizando este código:

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); 

Esto es lo que me sale:

Eso es bastante bueno. Pero me gustaría eliminar las líneas del eje vertical. Esto podría tener sentido en un gráfico de líneas, pero no en un gráfico de barras.

¿Alguien sabe cómo puedo hacer eso?

Answer 1

Todo lo que necesita es

xaxis: { tickLength: 0 }