2012-05-23 13 views
8

क्या यह संभव है w/jqplot एक रेखा चार्ट प्रदर्शित करने के लिए जो एक बार चार्ट 'ओवरले' करता है?संयुक्त रेखा और बार w/jqplot

मैंने एक स्टैक्ड बरचार्ट में एक श्रृंखला जोड़ा है और रेंडरर को $ .jqplot.LineRender में बदल दिया है। यह एक रेखा के रूप में प्रदर्शित होता है लेकिन यह स्टैक्ड राशियों में जोड़ा जा रहा है।

उत्तर

17

हां यह jqPlot के साथ किया जा सकता है।

एक नमूना दिखाता है कि एक लाइन चार्ट is presented here, see the 3rd plot from the top के साथ एक प्लॉट पर बार चार्ट कैसे प्रस्तुत किया जा सकता है।

Here I made a sample to show line and stacked bar charts on a single plot.

+0

jqPlot साइट उदाहरण कैसा दिखता है मैं करना चाहता हूँ। धन्यवाद! मैं गलत हो सकता हूं लेकिन आपके उदाहरण में 'मुद्दा' प्रतीत होता है कि मैं कहां बात कर रहा था कि लाइन चार्ट कहां जोड़ा जा रहा है – jjdebarros

+0

हाँ, आप सही हैं कि यह पिछली श्रृंखला में जोड़ा जा रहा है, इसलिए आप इसे गठबंधन करने में सफल हो सकते हैं उदाहरण 'jqPlot' लोग उदाहरण में तीसरे साजिश में देते हैं। मुझे लगता है कि यदि यह एक बहुत ही परेशान मुद्दा है तो आप हमेशा ऋणात्मक मूल्यों के अनुसार लाइन के मानों को सेट करने का प्रयास कर सकते हैं जो इसे वांछित स्थिति में ले जायेगा। मैं कल इसके साथ प्रयोग करूँगा। दिलचस्प प्रश्न के लिए भी (+1)। – Boro

+1

मुझे एक अच्छा समाधान मिला। आप इसके लिए 'अक्षम स्टैक: सत्य' सेट करके किसी श्रृंखला की स्टैकिंग अक्षम कर सकते हैं। अब यह कोड नमूना में भी जोड़ा गया है। – Boro

4

मैं jsFiddle पर this example जोड़ने के लिए, मैं यह आपके लिए उपयोगी हो सकता है उम्मीद है। यह एक बेहतर प्रतिनिधित्व के लिए सीमा रेखाओं और क्षेत्रों को आकर्षित करने की संभावना भी दिखाता है।

enter image description here

इस पेज पर इस विषय के बारे में एक लेख है: http://www.meccanismocomplesso.org/en/mean-mode-median-barchart/

. 
0
series:[ 
       { 
        color:'#0070c0', 
        label : 'Barchart', 
        renderer:$.jqplot.BarRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        }, 
        pointLabels: { show: true } 
       }, 
     { 
        yaxis: 'y2axis', 
        color: '#ff0000', 
        label : 'Line chart ', 
        renderer:$.jqplot.LineRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        } 
       } 
     ] 

यह दोनों लाइन और बार चार्ट आकर्षित करेगा