दिलचस्प पोस्ट
मैवेन टेस्ट लक्ष्य में उन्हें चलाने के दौरान, कैसे मैं मावेन इंस्टॉल लक्ष्य में टेस्ट को छोड़ सकता हूं? "डेस्कटॉप सफारी" पर ज्ञात "iPad पर सफ़ारी" अंतर की सूची Jquery AJAX के साथ ASP.NET MVC सत्यापन का उपयोग करें? बाध्यकारी एम- <अप> / एम- <डाउन> इमैक में 23.1.1 क्या मेरे पास कई एक्सकोड संस्करण स्थापित हो सकते हैं? सूची रिटर्न के साथ पायथन पुनरावर्तन कोई नहीं जावा परियोजना के लिए इंटेलीज में संसाधन जोड़ना Node.js शैल स्क्रिप्ट और तर्क पायथन में दूरी संपादित करें NSCharacterset से NSArray स्थानीय पोर्ट कैसे ढूंढें एक रेल उदाहरण चल रहा है? PHP: एक सरल निकालनाईमोजी फ़ंक्शन लिखना जावा में Google ड्राइव में Google स्प्रेडशीट एपीआई का उपयोग करते हुए स्प्रैडशीट बनाएं SQL सर्वर में RegEx का उपयोग करना ग्रहण एडीटी को 22 तक अपडेट नहीं किया जा सकता

dc.js – एकाधिक कॉलम से पंक्ति चार्ट कैसे बनाएं

मुझे एक सीएसवी में कई कॉलम से इनपुट के साथ डीसीजेएस में एक पंक्तिचार्ट बनाना होगा। इसलिए मुझे प्रत्येक पंक्ति में एक कॉलम और प्रत्येक कॉलम कुल संख्या को पंक्ति मान में मैप करने की आवश्यकता है। इसमें इसका एक स्पष्ट समाधान हो सकता है लेकिन मैं किसी भी उदाहरण को ढूंढने में असमर्थ हूं। बहुत धन्यवाद एस

अद्यतन: यहां एक त्वरित स्केच है मानक के लिए क्षमा चाहते हैं
पंक्ति चार्ट;
स्तंभ 1 —————– 64 (स्तंभ 1 का कुल)
स्तंभ 2 ——- 35 (कुल 2 स्तंभ)
स्तंभ 3 ———— 45 (स्तंभ 3 का कुल)

Solutions Collecting From Web of "dc.js – एकाधिक कॉलम से पंक्ति चार्ट कैसे बनाएं"

दिलचस्प समस्या! यह एक धुरी के समान कुछ ऐसा लगता है, जो यहाँ क्रॉसफिल्टर के लिए अनुरोध किया गया था । एक समाधान "नकली समूहों" और "नकली आयाम" का उपयोग कर मन में आता है, हालांकि कुछ चेतावनियां हैं:

  • यह अन्य आयामों पर फ़िल्टर को प्रतिबिंबित करेगा
  • लेकिन, आप चार्ट में किसी अन्य चीज़ को फ़िल्टर करने के लिए पंक्तियों पर क्लिक नहीं कर पाएंगे (क्योंकि यह किस रिकॉर्ड का चयन होगा?)

नकली समूह के निर्माता इस तरह दिखते हैं:

function regroup(dim, cols) { var _groupAll = dim.groupAll().reduce( function(p, v) { // add cols.forEach(function(c) { p[c] += v[c]; }); return p; }, function(p, v) { // remove cols.forEach(function(c) { p[c] -= v[c]; }); return p; }, function() { // init var p = {}; cols.forEach(function(c) { p[c] = 0; }); return p; }); return { all: function() { // or _.pairs, anything to turn the object into an array return d3.map(_groupAll.value()).entries(); } }; } 

यह क्या कर रहा है, सभी अनुरोधित पंक्तियों को किसी ऑब्जेक्ट को कम कर रहा है, और फिर ऑब्जेक्ट को सरणी स्वरूप में group.all dc.js को उम्मीद है कि group.all वापस लौट जाएगा।

आप इस कन्स्ट्रक्टर को कोई मनमाना आयाम पारित कर सकते हैं – इससे कोई फर्क नहीं पड़ता कि इसे किस पर अनुक्रमित किया गया है, क्योंकि आप इन पंक्तियों पर फ़िल्टर नहीं कर सकते … लेकिन आप शायद चाहते हैं कि इसका अपना आयाम होना चाहिए ताकि यह अन्य सभी आयाम फ़िल्टरों से प्रभावित हो। इसके अलावा इस निर्माता को एक समस्त स्तम्भों को दें जिन्हें आप समूह में बदलना चाहते हैं, और अपने "समूह" के रूप में परिणाम का उपयोग करें

उदाहरण के लिए

 var dim = ndx.dimension(function(r) { return ra; }); var sidewaysGroup = regroup(dim, ['a', 'b', 'c', 'd']); 

यहां पूर्ण उदाहरण: http://jsfiddle.net/gordonwoodhull/37uET/6/

(ध्यान दें कि चार्ट में परिणामों की बुरी स्थिति में क्लिक करने के कारण, यह कैसा फिल्टर है?)

क्या आप स्टैक्ड पंक्ति चार्ट की तलाश कर रहे हैं? उदाहरण के लिए, इस चार्ट में प्रत्येक पंक्ति एक श्रेणी का प्रतिनिधित्व करती है और प्रत्येक रंग उप-श्रेणी को दर्शाता है:

यहां छवि विवरण दर्ज करें

दुर्भाग्य से, यह सुविधा अभी तक DC.js. पर समर्थित नहीं है। यह सुविधा अनुरोध https://github.com/dc-js/dc.js/issues/397 पर है । यदि आप कुछ गैर-पुस्तकालय कोड में उतारा करते हैं, तो आप उस समस्या लॉग में संदर्भित उदाहरणों को देख सकते हैं।

वैकल्पिक रूप से, आप एक स्टैकेबल बार चार्ट का उपयोग कर सकते हैं इस लिंक के बारे में एक अच्छा वर्णन है कि यह कैसे काम करता है: http://www.solinea.com/blog/coloring-dcjs-stacked-bar-charts यहां छवि विवरण दर्ज करें