नमूना कोड

नीचे दिए गए कोड के लिए JsFiddle उदाहरण

Highcharts.chart('container', {
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: 'Browser market shares in January, 2018'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
            }
        }
    },
    series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [
        {
    "name": "Display",
    "y": 0.1,
    "value": 5
  },
        {
    "name": "Paid Social",
    "y": 0,
    "value": 0,
            sliced: true,
            selected: true
  },
  {
    "name": "Direct",
    "y": 14.5,
    "value": 559
  },
  {
    "name": "Referral",
    "y": 2,
    "value": 77
  },
  {
    "name": "Email",
    "y": 4,
    "value": 152
  },

  {
    "name": "Other",
    "y": 0,
    "value": 1
  },
  {
    "name": "Organic Search",
    "y": 23.4,
    "value": 901
  },
  {
    "name": "Meta Search",
    "y": 0.2,
    "value": 5
  },
  {
    "name": "Organic Social",
    "y": 2.4,
    "value": 93
  },
  {
    "name": "Directory",
    "y": 0.2,
    "value": 9
  },
  {
    "name": "Other Advertising",
    "y": 0.1,
    "value": 3
  },
  {
    "name": "OTA Referral Traffic",
    "y": 0.7,
    "value": 26
  },
  {
    "name": "Paid Search",
    "y": 27.8,
    "value": 1068
  },
  {
    "name": "Local",
    "y": 24.5,
    "value": 941
  }]
    }]
});

परिदृश्य

मैं डेटा लेबल प्रदर्शित करना चाहता हूं क्योंकि सभी y मान शून्य है।

उपरोक्त कोड में हमारे पास "name": "Display" y=0.1 है लेकिन फिर भी यह पाई चार्ट में प्रदर्शित नहीं हो रहा है पता नहीं क्यों। अगर किसी को इस समस्या के बारे में पता है तो कृपया मुझे बताएं।

0
Govinda Rajbhar 21 अक्टूबर 2019, 13:56

1 उत्तर

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

dataLabels जगह की कमी और ओवरलैपिंग के कारण छिपे हुए हैं। समाधान के रूप में आप सेट कर सकते हैं: padding: 0

plotOptions: {
    pie: {
        ...,
        dataLabels: {
            padding: 0,
            ...
        }
    }
}

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

एपीआई संदर्भ: https://api.highcharts. com/highcharts/plotOptions.pie.dataLabels.padding

1
ppotaczek 21 अक्टूबर 2019, 16:15