2011-08-27 19 views
7

मैं फ्लोट, jquery ग्राफिंग लाइब्रेरी की खोज कर रहा हूं।वर्टिकल अक्ष लाइनों के बिना, मैं एक jquery/flot बार चार्ट कैसे बना सकता हूं?

मैं एक बार चार्ट बनाने में सक्षम होना चाहता हूं। ऐसा लगता है कि यह वास्तव में इसके लिए स्थापित नहीं किया गया था। यदि मैं अपने डेटा को थोड़ा सा contort करता हूं, तो मैं इसे अधिकतर करने के लिए प्राप्त कर सकता हूं जो मैं कल्पना करता हूं। इस कोड का उपयोग करना:

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

यह मेरे लिए काम नहीं करता है। मैं फ्लोट 0.7 का उपयोग करता हूं। – neoneye

संबंधित मुद्दे