2011-08-28 21 views
5

Czy istnieje preferowany sposób eliminowania lub agregowania etykiet poniżej określonego progu podczas korzystania z wykresu kołowego HighCharts? Wolałbym nie nakładać wszystkich wartości poniżej określonego procentu na "inne", jeśli mogę. Sprawdziłem dokumenty i nie mogę znaleźć niczego. Byłoby bardzo przydatne!Próg etykiety wykresu kołowego Highcharts

Dzięki w oczekiwaniu.

+0

wiem, że to jest długi czas później, ale dodał odpowiedź rozwiązać swój problem poniżej. –

Odpowiedz

5

Najlepszym sposobem osiągnięcia tego celu jest wykorzystanie dataLabels formatowania na wykresie kołowym tak:

plotOptions: { 
    pie: { 
     dataLabels: { 
      formatter: function(){ 
       if (this.percentage < SOME_VALUE) return ""; 

       return VALUE_TO_SHOW; 
      } 
     } 
    } 
} 

Wymień SOME_VALUE i VALUE_TOSHOW z pożądanymi wartościami. Pojawią się jednak problemy, jeśli używasz konektora do etykiet (zawsze jest widoczny).

+0

Ah, więc jeśli zwrócimy wartość zerową, nie ma linii do zawieszania? Zakładałem, że tak będzie, i po prostu żadna wytwórnia na końcu. Spróbuję tego. –

+0

Próbowałem już kilka wartości (null, undefined ..) ale linia nie stała się niewidoczna –

+0

Ja też. Gdybyśmy tylko mogli ustawić connectorWidth na 0 w funkcji formatera, bylibyśmy dobrzy. Mogę po prostu iść z connectorWidth do 0 na teraz plus twoją sugestią, wygląda trochę lepiej niż wiele małych nakładających się wartości. –

1

bardzo późno odpowiedź na to pytanie:

Jeśli zamiast wrócić pusty ciąg znaków, zamiast tego zwróci null, etykieta i złącze nie pokaże, a będziesz w stanie osiągnąć ten efekt bez konieczności zdejmowania złącze:

Przykład: jsfiddle

plotOptions: { 
    pie: { 
     dataLabels: { 
      formatter: function(){ 
       if (this.percentage < SOME_VALUE) return null; 

       return VALUE_TO_SHOW; 
      } 
     } 
    } 
} 
Powiązane problemy