समूहीकृत और NVD3 साथ multiBarChart खड़ी

Bar chart in Javascript: stacked bars + grouped bars को संभावित डुप्लिकेट सवाल मैं देता है कि एक स्टैक्ड बार चार्ट बनाने के लिए कोशिश कर रहा हूँ आप 2 मूल्यों की तुलना (अंधेरे और मध्य नीला) पिछले सप्ताह के डेटा बिंदुओं (माध्यमिक प्रकाश उदास करने के लिए 'पीछे')।

grouped and stacked multiBarChart

.stacked(true) साथ multiBarChart() के साथ शुरू पहले मैं 14 बार, जहां x स्थिति समूह सलाखों मदद कर सकता है की एक सारिणी में दोनों सप्ताह विलय की कोशिश की। मैं वस्तुओं की मेरी संयुक्त सरणी के रूप में करने की कोशिश की जहां .x गुण 'मूल्यों 0, 0.3, 1, 1.3, 2, 2.3, आदि दुर्भाग्य lineChart() के विपरीत यह x मूल्य स्थिति के लिए उपयोग नहीं करता है।
एक और विचार समूह .stacked(false) समूह का शोषण करना है, जो x मान के साथ 4 आइटम (2 की बजाय) प्रदान करता है। फिर ये ढेर के बजाय एक-दूसरे के ऊपर चढ़ते दिखाई देते हैं। यहां अंतर अच्छा दिखता है, लेकिन मैं इन 2 से 2 को कैसे ढेर कर सकता हूं?

स्रोत

2012-10-11 Gon Zifroni

मुझे बस इतना कहना है कि मैं एक एनवीडी 3 विशेषज्ञ नहीं हूं। मैं मुश्किल से शुरू होने वाले चरण से पहले ही हूं।

ऐसा कहा जाता है, ऐसा लगता है कि आप इसे अपने आप पर बहुत कठिन बना रहे हैं।

मुझे लगता है कि आप वास्तव में दो के बीच एक्स के मिलान के साथ, डेटा के दो सेट nvd3 भेजना चाहते हैं। (उदाहरण के लिए, (1, y1a) (1, y2a), तो (2, y2a) करने के लिए इसी (2, y2b) के साथ, आदि)

आप का पालन करते हुए और अधिक स्पष्ट रूप देख सकते हैं:

उनके Live Code page
समूह/स्टैक्ड बार चार्ट का चयन करें।
डेटा (JSON) टैब का चयन करें।
निम्नलिखित के साथ पहली बार समारोह बदलें, और निरीक्षण जिसके परिणामस्वरूप एक्स मूल्यों .:


    function() { 
     return stream_layers(2,10,.1).map(function(data, i) { 
     alert('Stream '+i+': '+JSON.stringify(data)); 
     return { 
      key: 'Stream' + i, 
      values: data 
     }; 
     }); 
    }

बेस्ट के रूप में मैं इसे समझ, कि मॉडल आप के लिए देख रहे हैं।

स्रोत

2012-10-14 19:42:49 Glenn

यूआरएल फिक्स, Rikin के लिए धन्यवाद! यह छोटी चीजें है.... – Glenn