/ / लालच पाई चार्ट हाईचर्ट में - चार्ट, हाईचर्ट, पाई-चार्ट

हाईचार्ट में चार्ट को पावर चार्ट - चार्ट, हाईचार्ट्स, पाई-चार्ट

मान लीजिए मेरे पास 4 स्लाइस हैं जिनमें 20%, 30%, 30% और 20% हैं। यदि मैं 4 स्लाइस (20%) को निष्क्रिय करता हूं, तो अन्य स्लाइस को खुद को समायोजित करना चाहिए और 100% पर कब्जा करना चाहिए। यह कैसे करना है? धन्यवाद।

उत्तर:

जवाब के लिए 3 № 1

मैं इसे बदलना संभव नहीं समझताव्यवहार। इसके बजाय आपको अन्य स्लाइस को 100 तक जोड़ने के लिए सभी बिंदुओं को एक साथ निकालने की आवश्यकता है। यहां एक उदाहरण है जो किंवदंती-टॉगल और बिंदु हटाने के बीच का अंतर दिखाता है: jsfiddle


जवाब के लिए 2 № 2

मुझे लगता है कि यह मानक व्यवहार होना चाहिए :)

opts.plotOptions.pie.point.events.legendItemClick = function() {
if (this.visible) {
this["y_old"] = this.y;
this.update(0);
}
else {
this.update(this.y_old);
}
};

अब जब आप एक लीजेंड आइटम पर क्लिक करेंगे तो पाई चार्ट स्लाइस गायब हो जाएगा

यदि आप प्रतिशत (अब लापता स्लाइस के बिना 100%) दिखाना चाहते हैं, तो आपको अपने टूलटिप (या किंवदंती) को परिभाषित करना होगा:

opts.tooltip.formatter = function() {
var s = "<b>" + this.point.name + "</b>: " + this.percentage.toFixed(2) + "%";

return s;
};

उत्तर № 3 के लिए 1

यह सुविधा अब आउट ऑफ द बॉक्स के रूप में उपलब्ध है plotOptions.pie.ignoreHiddenPoint

 series: [{
ignoreHiddenPoint: true,
type: "pie",
...
}]

लीजेंड पर ऑटो रेड्रा / पुनर्गणना पाई | हाईचर्ट और हाईस्टॉक @ jsFiddle