2012-09-04 9 views
9

स्टैक नहीं कर रहा है मैंने एक फ्लोट स्टैक्ड बार चार्ट बनाया है लेकिन ब्लॉक स्टैकिंग नहीं दिखते हैं - वे सभी 0 (चार्ट के नीचे) से शुरू होते हैं।फ़्लोट स्टैक्ड बार चार्ट

Flot chart

4 ब्लॉक के मान हैं:

  • उज्ज्वल हरी - 1
  • बैंगनी - 28
  • लाल - 83
  • हल्का हरा - 195

अगर इसे सही ढंग से ढेर किया गया था 307 की ऊंचाई पर होना चाहिए। क्या गलत है पर कोई विचार?

drawLineChart: function(el,data,ticks,labelstr) { 
     var plot = $.plot(el, data, { 
     series: {stack: true, 
      lines: {show: false, steps: false}, 
      bars: {show: true, barWidth: 0.4, align: 'center'} 
     }, 
     xaxis: { 
      ticks: ticks 
     }, 
     yaxis: { 
      min: 0, 
     }, 
     grid: { 
      color: '#aaa', 
      borderWidth:0, 
      axisMargin:0, 
      hoverable: true, 
      autoHighlight: false 
     }, 
     legend: { 
      show: true, 
      position: "ne", 
      noColumns: 1 
     } 
     }); 
    } 

उत्तर

8

सबसे संभावित समस्या यह है कि आपने फ़्लोट के बाद स्टैक प्लगइन शामिल नहीं किया है।

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]--> 
<script language="javascript" type="text/javascript" src="../jquery.js"></script> 
<script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> 
<script language="javascript" type="text/javascript" src="../jquery.flot.stack.js"></script> 

इस मामले कि पिछले script टैग किया जा रहा है में महत्वपूर्ण: अपने सिर टैग में, आप कुछ इस तरह होना चाहिए।

इसके अलावा, मुझे यकीन नहीं है कि समस्या क्या होगी - मैंने आपके विकल्प चलाए और सब कुछ ठीक लग रहा था। See it in action here

+1

में नकारात्मक मानों को ढेर करने के लिए आप वैकल्पिक प्लगइन के लिए यहां देख सकते हैं। निश्चित रूप से stack.js फ़ाइल शामिल थी .. मैंने जांच की कि यह फ़ायरबग के माध्यम से लोड हो रहा है और यह HTTP 200 की सूचना दी गई है। मैंने इस पर घंटों बर्बाद कर दिए हैं। बस इसके बजाय Google चार्ट पर स्विच कर सकते हैं! – RichW

+0

@RichW - कुछ और चलना चाहिए, क्योंकि स्पष्ट रूप से आपका कोड काम करता है! मुझे लगता है कि दूसरी संभावना यह है कि आपके डेटा ऑब्जेक्ट्स में कुछ अजीब बात है - हो सकता है कि आप अपने प्रश्न में कुछ उदाहरण डेटा ऑब्जेक्ट्स संपादित कर सकें? – Ryley

5

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

श्रृंखला के अनुसार क्रमबद्ध करने के बाद श्रृंखला ठीक से ढेर शुरू हो गई।

मैंने उसी स्थिति में भी भाग लिया है जब नकारात्मक मान हैं जिन्हें ढेर करने की आवश्यकता है। यह देशी स्टैक प्लगइन द्वारा समर्थित नहीं है। bar chart

+0

अच्छा प्लगइन। अन्य फ्लोट प्लगइन्स के साथ भी अच्छी तरह से काम करता है। – ChiMo

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

  • कोई संबंधित समस्या नहीं^_^