Jak mogę utworzyć wykres słupkowy jquery/flot, bez pionowych linii osi?

Question

Eksploruję flot, bibliotekę graficzną jquery.

Chciałbym móc utworzyć wykres słupkowy. Wygląda na to, że nie było to specjalnie skonfigurowane. Jeśli trochę skracam swoje dane, mogę zrobić to, żeby zrobić to, co sobie wyobrażam. Za pomocą tego kodu:

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

To co mam:

to dość dobre. Ale chciałbym usunąć pionowe linie osi. Mogą one mieć sens na wykresie liniowym, ale nie na wykresie słupkowym.

Ktoś wie, jak mogę to zrobić?

Answer 1

Wszystko czego potrzebujesz to

xaxis: { tickLength: 0 }