jquery/flot 가로 막 대형 차트를 어떻게 만들 수 있습니까?

Question

나는 jotery 그래프 라이브러리 인 flot을 탐색 중입니다.

저는 막대 차트를 만들고 싶습니다. 이 일이 실제로 이루어지지 않았던 것처럼 보입니다. 데이터를 약간 왜곡한다면, 내가 주로 생각한대로 할 수 있습니다. 이 코드를 사용하여 : 꽤 좋은

을 :

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

이것은 내가 무엇을 얻을 수 있습니다. 하지만 수직 축 선을 제거하고 싶습니다. 이것은 꺾은 선형 차트에서는 의미가 있지만 막대 차트에서는 의미가 없습니다.

누구든지 어떻게 할 수 있는지 알고 있습니까?

Answer 1

당신이 필요로

xaxis: { tickLength: 0 }