अगर मेरे पास बड़ी मात्रा में डेटा है तो डेटा लेबल ओवरलैपिंग कर रहे हैं। इस मामले में डेटा लेबल के बीच रिक्ति कैसे जोड़ें।

[
https://jsfiddle.net/3ekhdqov/1/][1]
-1
Nita Patil 1 पद 2020, 13:14

1 उत्तर

सबसे बढ़िया उत्तर

एंटी-टकराव डेटा लेबल के लिए कोई अंतर्निहित तर्क नहीं है, लेकिन आप अपनी आवश्यकताओं के अनुसार कुछ को लागू कर सकते हैं। उदाहरण के लिए आप बिंदु के y मान के आधार पर translateY विशेषता को संपादित कर सकते हैं।

    chart: {
        zoomType: 'xy',
        events: {
            render: function() {
                var series = this.series;

                series[0].points.forEach(function(point, index) {
                    if (Math.abs(series[1].points[index].y - point.y) < 20) {
                        console.log(point.dataLabel)
                        point.dataLabel.attr({
                            translateY: point.dataLabel.y + 20
                        });
                    }
                });
            }
        }
    }

लाइव डेमो: https://jsfiddle.net/BlackLabel/bg0eyh2t/

एपीआई संदर्भ: https://api.highcharts. com/class-reference/highcharts.SVGElement#attr

0
ppotaczek 1 पद 2020, 16:17