2012-09-22 8 views
6

ओवरलैपिंग कॉलम बनाने का कोई तरीका है?हाईचार्ट में ओवरलैपिंग कॉलम

उदाहरण के लिए this jsFiddle में, नीले और लाल स्तंभों को नीचे दिखाए गए अनुसार एक-दूसरे को ओवरलैप करना चाहिए, नीले रंग के पीछे और लाल रंग में एक होना चाहिए।

Overlapping columns

स्पष्ट करने के लिए, मैं खड़ी कॉलम नहीं करना चाहते, दोनों नीले और लाल कॉलम xAxis (y = 0) और नहीं एक अन्य

+0

http://blog.stackoverflow.com/2009/08/new-question-asker-features/ –

उत्तर

9

संपादित भर से शुरू कर देना चाहिए हाईचार्ट्स ने plotOptions.column.grouping को अपने संस्करण 2.3 में स्विच करने के लिए बिल्कुल ठीक किया है। Garrick's Answer

मैं नीचे उत्तर छोड़ दूंगा क्योंकि यह अभी भी समझने में सहायता करता है कि समूह पैडिंग और पॉइंटविड्थ कैसे काम करता है।

मूल उत्तर

आप grouped and overlapping columns के लिए देख रहे हैं?

आप 0,5

plotOptions: { 
    column: {   
     groupPadding: 0.5 // Exactly overlap 
     pointWidth: 20,          
    } 
}, 

यहाँ के plotOptions.column.groupPadding की स्थापना करके इस लक्ष्य को हासिल कर सकते हैं जब groupPadding 0.5 स्तंभ चौड़ाई देने के लिए समझौता किया है है वर्णन करने के लिए कैसे काम करता है groupPadding Group Padding

आप देख सकते हैं एक छवि है वांछित पैडिंग, पॉइंटविड्थ निर्दिष्ट करके आप इस व्यवहार का सामना कर सकते हैं

+0

मैं कॉलम के बजाय ओवरलैपिंग जा करने के लिए एक-दूसरे के ऊपर रखा चाहते हैं। पॉइंट पैडिंग: -0.3 जो मैं चाहता हूं उसके करीब है। कॉलम ओवरलैपिंग कर रहे हैं लेकिन पूरी तरह से संरेखित नहीं हैं। पूरी तरह से संरेखित करने के लिए उन्हें पाने के लिए कोई रास्ता? – Armin

+0

मुझे उस @Armin के बारे में निश्चित नहीं है, लेकिन पूरी तरह कॉलम ओवरलैप नहीं करेगा, अगर कॉलम का उच्च मूल्य था तो कॉलम को पूरी तरह से पीछे छोड़ दें? –

+0

यह होगा, लेकिन फ्रंट कॉलम का उच्च मूल्य कभी नहीं हो सकता है, इसलिए मैं इसे इस तरह से क्यों चाहूंगा :) – Armin

22

आप इसे grouping: false सेट करके भी पूरा कर सकते हैं।

http://jsfiddle.net/garrickcheung/67BkD/19/

+1

इसे उत्तर चिह्नित किया जाना चाहिए;) – benpage

+0

सहमत, कुछ हद तक क्लीनर समाधान लगता है। –

+0

बिल्कुल उत्तर मैं – elynch