Pie Chart, how to display text instead of numbers?

[StéphaneParticipant]

Hi,

Each time I use a Pie Chart, the displayed labels are numbers.

In the excellent Jqwidgets documentation, I didn’t found how to modify the labels content, instead of display numbers, display names like Safari, Opera, Nokia Browser….. etc. Display displayText: 'Browser' variables, instead the percentage numbers.

regards,

Stéphane

[StanislavParticipant]

Hello Stéphane,

I would like to suggest you taking a look at this post:
https://www.jqwidgets.com/community/topic/pie-chart-section-label-to-show-john-800020/
You should find what you need there.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[mkrajewParticipant]

The FormatFunction actually contains 2 parameters which aren’t really in the documentation. The second is the item index, which you can then use to look up the text.

series: [{
      dataField: 'Percent',
      displayText: 'Country',
      labelRadius: 170,
      initialAngle: 15,
      radius: 145,
      centerOffset: 0,
      formatFunction: function(value, itemIndex) {

        return sampleData[itemIndex].Country;
      },
      toolTipFormatFunction: function(value, itemIndex) {
        var label = sampleData[itemIndex].Country + ': ' + 	sampleData[itemIndex].Percent + '%';
        return label;
      }
    }]

See this example: https://jsfiddle.net/p7zd3pkv/

[Author]

Posts