Highcharts: 8.1.1 में अपग्रेड करने के बाद खाली पाई चार्ट प्रस्तुत करने में त्रुटि

सभी डायनेमिक पाई चार्ट जो खाली प्रारंभ किए गए हैं और बाद में डेटा से भरे हुए हैं, एसिंक्रोनस रूप से, 8.1.0 से 8.1.1 तक अपडेट करके तोड़े जाते हैं

नमस्ते @pablolmedorado और @clemeno
समस्या की रिपोर्ट करने के लिए धन्यवाद!

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

लाइव उदाहरण: https://codesandbox.io/s/highcharts-vue-demo-61e0v

सधन्यवाद!

ऐसा प्रतीत होता है कि यह समस्या अभी भी 8.1.2 के जारी संस्करण में मौजूद है, कम से कम npm पर प्रकाशित एक में।

फिर से खोलने का मुद्दा।

@ bre1470 - क्या आप इसकी जांच कर सकते हैं? #13681 बंद है, लेकिन ऐसा लगता है कि Highcharts नेमस्पेस का उपयोग कोर में भी किया जाता है, न कि केवल मॉड्यूल में। डेमो: https://codesandbox.io/s/highcharts-vue-demo-5o9qu?file=/package.json

पुष्टि करें कि यह अभी भी मेरे लिए 8.1.2 में एक मुद्दा है

https://stackblitz.com/edit/angular-ivy-udtk3a?file=package.json

दो परिदृश्यों में इसे पुन: प्रस्तुत किया जाता है:

1. जब सीरीज.डेटा खाली हो
2. जब डेटा में सभी y अक्ष 0 . है

समाधान के बारे में उत्सुक जब तक कोई समाधान नहीं हो जाता। 8.1.0 _appears_ को @pawelfus के रेप्रो लिंक का उपयोग करना और Highcharts संस्करण को संशोधित करने के लिए इस मुद्दे को ठीक करने के लिए। क्या यह अभी के लिए सुझाया गया समाधान है?

समाधान के बारे में उत्सुक जब तक कोई समाधान नहीं हो जाता। 8.1.0 _appears_ को @pawelfus के रेप्रो लिंक का उपयोग करना और Highcharts संस्करण को संशोधित करने के लिए इस मुद्दे को ठीक करने के लिए। क्या यह अभी के लिए सुझाया गया समाधान है?

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

@kennyjwilli यदि 8.1.0 के बाद से आप लाभ उठाना चाहते हैं, तो आप drawEmpty विधि को भी इस तरह लपेट सकते हैं:

// Workaround for https://github.com/highcharts/highcharts/issues/13710
(function(H) {
  H.seriesTypes.pie.prototype.drawEmpty = function() {
    var centerX,
      centerY,
      start = this.startAngleRad,
      end = this.endAngleRad,
      options = this.options;
    // Draw auxiliary graph if there're no visible points.
    if (this.total === 0) {
      centerX = this.center[0];
      centerY = this.center[1];
      if (!this.graph) {
        this.graph = this.chart.renderer
          .arc(centerX, centerY, this.center[1] / 2, 0, start, end)
          .addClass("highcharts-empty-series")
          .add(this.group);
      }
      this.graph.attr({
        d: H.SVGRenderer.prototype.symbols.arc(
          centerX,
          centerY,
          this.center[2] / 2,
          0,
          {
            start: start,
            end: end,
            innerR: this.center[3] / 2
          }
        )
      });
      if (!this.chart.styledMode) {
        this.graph.attr({
          "stroke-width": options.borderWidth,
          fill: options.fillColor || "none",
          stroke: options.color || "#cccccc"
        });
      }
    } else if (this.graph) {
      // Destroy the graph object.
      this.graph = this.graph.destroy();
    }
  }
})(Highcharts);

Codesandbox.io पर काम करने का उदाहरण

अन्यथा हम अभी के लिए 8.10 का उपयोग करने का सुझाव देते हैं।

मान लें कि फिक्स #13770 पर पता नहीं चल रहा है #13722

#3722 . में इस मुद्दे को पुन: पेश करने के लिए एक डेमो प्रदान किया है
निम्नलिखित पंक्ति इस मुद्दे का स्रोत है।
https://github.com/highcharts/highcharts/blob/c7e1976467a3b0e1620d44a414af2470716732b9/js/parts/ColumnSeries.js#L571

यह अभी भी मेरे साथ 2.7.0 . में हो रहा है

https://stackblitz.com/edit/angular-ivy-2zlkmm

हाय @Crocsx - यह फिक्स जारी नहीं किया गया है। अगली रिलीज अगले महीने निर्धारित है। अभी के लिए आपको या तो डाउनग्रेड करना होगा या यहां पोस्ट किए गए वर्कऑरंड का उपयोग करना होगा: https://github.com/highcharts/highcharts/issues/13710#issuecomment -650014654

पुनश्च: वर्तमान हाईचार्ट्स संस्करण v8.1.2 . है

आह ठीक है मेरा बुरा खेद है, मैं हाईचार्ट-कोणीय अद्यतन के साथ भ्रमित हूं, यह नहीं देखा कि यह हाईचार्ट अभी भी 8.1.2 में था, क्षमा करें

हाय @Crocsx - यह फिक्स जारी नहीं किया गया है। अगली रिलीज अगले महीने निर्धारित है। अभी के लिए आपको या तो डाउनग्रेड करना होगा या यहां पोस्ट किए गए वर्कऑरंड का उपयोग करना होगा: #13710 (टिप्पणी)

पुनश्च: वर्तमान हाईचार्ट्स संस्करण v8.1.2 . है

@pawelfus क्या आपके पास अगली रिलीज़ की तारीख है?

हम अगले सप्ताह @felipemfp . को लक्षित

मुझे इसी तरह की समस्या का सामना करना पड़ा। लेजेंड पर क्लिक करने के बाद, अन्य डेटा 0.धन्यवाद था!
"हाईचार्ट्स": "^8.2.0",

हाय @ the-gc - मैं v8.2.0 में इस मुद्दे को फिर से बनाने में असमर्थ हूं, एक नज़र डालें: https://jsfiddle.net/BlackLabel/ncpL97eq/ - क्या आप मेरा डेमो अपडेट कर सकते हैं? धन्यवाद!

मैं पुष्टि कर सकता हूं कि हाईचार्ट्स 8.2.0 में अपडेट करने से हमारे लिए समस्या ठीक हो गई है।

धन्यवाद!

यहाँ वही, अच्छी तरह से काम करता है

हाय @pawelfus - आज परियोजना का पुनर्निर्माण किया गया था और समस्या हल हो गई है, बहुत बहुत धन्यवाद!

पुष्टि के लिए धन्यवाद!

यह मेरे लिए भी हो रहा था क्योंकि मेरी yarn.lock फ़ाइल में हाईचार्ट के कई संस्करण थे। एक बार समेकित होने पर (8.2.0 को), दुर्घटना दूर हो गई।