बहुत बड़ी पट्टी चौड़ाई jqPlot

Question

में मैं नया हूँ, जब मैं एक बार चार्ट आकर्षित करने के लिए चाहते हैं, एक्स अक्ष तारीख, अंतराल 1 दिन है। यह मेरे कोड का हिस्सा है:

 axesDefaults:{                 
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,        
     tickOptions:{ 
      fontSize:'10pt', 
     },                   
    },                    
    axes:{                   
     xaxis:{ 
      renderer:$x_renderer,             
      tickOptions:{ 
       formatString:'%Y-%#m-%#d',           
      }, 
      rendererOptions:{              
       tickOptions:{ 
        angle:-90,              
       }                 
       },                  
      label:'$label', 
      tickInterval:'86400000', 
     }, 
     yaxis:{                  
      tickOptions:{ 
       formatString:'%.2f',             
      },                  
      autoscale:true               
     }, 
    },                    
    highlighter:{ 
     show:true,                 
    }, 

लेकिन मुझे लगता है कि प्रत्येक बार की चौड़ाई एक दूसरे को कवर करने के लिए बहुत बड़ी है। इसे कैसे जोड़ेंगे?

धन्यवाद!

Answer 1

AnthonyLeGovic जवाब वास्तव में सही है, लेकिन आप निम्न कर सकते हैं यदि आप डेटा बिंदुओं की संख्या के अनुसार स्तंभ चौड़ाई बदलने की जरूरत:

// Get the size of the container of the plot 
var width = jQuery(containerName).width(); 

// Divide by the number of data points. 
width = width/number_of_data_points; 

// Reduce the width to a % of the total for each data point. 
width = (width * 20)/100; 

// Set the value 
$.jqplot(containerName, [data], 
{ 
    // whatever 
    // ... 

    seriesDefault: 
    { 
     renderer: $.jqplot.BarRenderer, 
     rendererOptions: { barWidth: width } 
    } 

    // whatever 
    // ... 
} 

ध्यान दें कि मैं किंवदंती की चौड़ाई को ध्यान में नहीं रख रहा हूं। कथा चौड़ाई केवल साजिश रचने के बाद प्राप्त किया जा सकता है, तो आप की साजिश रचने के बाद यह करना चाहिए अगर आप कथा का भी चौड़ाई पर विचार स्तंभ चौड़ाई को कम करना चाहते हैं, और फिर replot।

मैं एक fiddle कि एक उदाहरण दिखाता है तैयार किया है।

उम्मीद है कि यह मदद करता है।

Answer 2

आप अपने श्रृंखला के लिए विकल्पों में यह निर्दिष्ट कर सकते हैं:

seriesDefault:{ 
    renderer: $.jqplot.BarRenderer, 
    rendererOptions: { 
     barWidth: 5 
    } 
} 

मत भूलना barRenderer प्लगइन को शामिल करने। बार चार्ट के बारे में अधिक दस्तावेजों jqPlot पर कृपया पर एक नज़र के लिए: Jqplot documentation

Answer 3

मैं कोड के नीचे जोड़ा गया है और मैं परिणाम मिला। मेरी चौड़ाई के पीछे कारण बार-चौड़ाई की वजह से बहुत बड़ी आ रहा था श्रृंखला डिफ़ॉल्ट ब्लॉक में सेट नहीं किए गए थे।

seriesDefault:{ 
    renderer: $.jqplot.BarRenderer, 
    rendererOptions: { 
      barWidth: 5 
    } 
} 

धन्यवाद करने के लिए: AnthonyLeGovic