javascript - हाई चार्ट्स: ड्रैकडाउन टू स्टैक्ड कॉलम




jquery highcharts (2)

आप ड्रिलडाउन जेएस ( http://jsfiddle.net/ma50685a/38/ ) को शामिल करने में भूल गए

उच्चस्तृत के बाद निम्न स्क्रिप्ट जोड़ें: <script src="https://code.highcharts.com/modules/drilldown.js"></script>

संपादित करें: क्षमा करें, मैंने सही सवाल नहीं पढ़ा ... यह काम करता है: http://jsfiddle.net/ma50685a/39/

यहां मिले: http://www.semantia.com.au/articles/highcharts-drill-down-stacked-columns/

हेलो सब लोग! मैं एक निश्चित HighChart बनाने की कोशिश कर रहा HighChart , लेकिन मुझे यकीन नहीं है कि मुझे अपना drilldown डाटा कैसे प्रारूपित करना चाहिए और मुझे इंटरनेट पर कोई उदाहरण नहीं मिल सकता है!

इस जेएसएफडियल से पता चलता है कि मैंने कितनी कमाई की है: http://jsfiddle.net/ma50685a/37/

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

क्या कोई मेरी मदद कर सकता है या ड्रिलडाउन डेटा को प्रारूपित करने के उदाहरण का कोई उदाहरण दे सकता है?


ड्रिलडाउन के बाद कई श्रृंखलाएं होने के लिए एक स्टैक कॉलम के लिए आपको कई श्रृंखला की आवश्यकता होती है, ताकि आपको श्रृंखला को गतिशील रूप से जोड़ना पड़ेगा, जैसे ड्रिलडाउन ईवेंट पर।

नीचे दिए गए ऑब्जेक्ट की प्रत्येक प्रॉपर्टी श्रृंखला का प्रतिनिधित्व करती है और यह शीर्ष स्तर श्रृंखला नाम से जुड़ा हुआ है। ऑब्जेक्ट '1' पहले कॉलम पर क्लिक करने के बाद दिखाई देगा और इसमें 4 श्रेणियों का विस्तार होगा।

var drilldowns = {
          1: {
            stacking: 'normal',
            name: 'facebook',
            color: Highcharts.getOptions().colors[0],
            data: [
              ['nasty comments', 2],
              ['spam', 3],
              ['category-3', 10],
              ['category-4', 15]
            ]
          },

          66: {
            name: 'second-column-drilldown',
            data: [
              ['second-column-drilldown-point', 10]
            ]
          }
        };

अगले ऑब्जेक्ट '1' को drilldowns.1 ऑब्जेक्ट से डेटा के साथ स्टैक्ड किया जाएगा:

var drilldowns2 = {
          1: {
            color: Highcharts.getOptions().colors[1],
            colorIndex: 1,
            stacking: 'normal',
            name: 'youtube',
            data: [
              ['nasty comments', 5],
              ['spam', 10],
              ['category-3', 10],
              ['category-4', 15]
            ]
          }
        };

और अंत में श्रृंखला को जोड़ा जाना चाहिए और ड्रिलडाउन निकाल दिया गया है।

var series = drilldowns[e.point.name],
            series2 = drilldowns2[e.point.name],
            series3 = drilldowns3[e.point.name];

        this.addSingleSeriesAsDrilldown(e.point, series);
        this.addSingleSeriesAsDrilldown(e.point, series2);
        this.addSingleSeriesAsDrilldown(e.point, series3);
        this.applyDrilldown();

उदाहरण: https://jsfiddle.net/ahjkouuh/





highcharts