Skip to content
← Highcharts Javascript API

I suggest you ...

Highcharts Javascript API

Categories

JUMP TO ANOTHER FORUM

(thinking…)

Pie label distance as percentage of pie size

Allow percentage value for option dataLabels.distance (percentage of the pie radius). That way I can make sure that the labels fit inside their slice for every label length and pie size.
http://jsfiddle.net/kzoon/ntDX9/ shows what I mean. If you use distance -30 longer datalabels go outside their slide. If you use -50 they fit, but that will mess up small pies (100px).

27 votes
Vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
kzoon shared this idea  ·   ·  Report…  ·  Admin →
How important is this to you?

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Nidhi commented  ·   ·  Report

    What is the solution for this?

  • kzoon commented  ·   ·  Report

    I hacked distance as percentage into highcharts.src.js and it is really very simple.

    I add this line to PieSeries.translate (on line 14204 in v2.2.5 (2012-06-08)):
    CODE: SELECT ALL
    if (/%$/.test(labelDistance)) { //labelDistance set as percentage
    labelDistance = pInt((pInt(labelDistance) / 100) * (series.center[2] / 2));
    }

    and this to PieSeries.drawDataLabels(on line 14204 in v2.2.5 (2012-06-08)):
    CODE: SELECT ALL
    if (/%$/.test(distanceOption)) { //labelDistance set as percentage
    distanceOption = pInt((pInt(distanceOption) / 100) * (series.center[2] / 2));
    }

    Can someone at HighCharts please consider adding this or similar code to HighCharts.js, so I don't have to use an edited version of highcharts.src.js?