Highcharts - étiquettes à l'intérieur et à l'extérieur d'un graphique à secteurs

Je sais que c'est possible de mettre des étiquettes de diagramme à secteurs, soit à l'intérieur ou à l'extérieur du secteur en changeant de plotOptions.la tarte.dataLabels.distance. Je suis à essayer de comprendre si il est possible de changer que sur un point par point:

si tranche est inférieure à 15%, de placer des étiquettes à l'intérieur de la tranche

d'autre placer l'étiquette à l'extérieur de la tranche

Est-ce possible dans Highcharts? Ci-dessous est un de mes tentatives, qui ne fonctionne pas; la plaine jsfiddle est ici: http://jsfiddle.net/supertrue/q6bQP/

plotOptions: {
    pie: {
        dataLabels: {
            distance: -30,
            color: 'white',
            formatter: function() {
                if (this.y < 15 ) {
                    this.point.dataLabels.color = 'red';
                    this.point.dataLabels.distance = 20;
                    return this.point.name;
                } else {
                    return this.point.name;
                }

        }
  },
Avez-vous jamais trouver une solution pour cela? Je suis en train de faire la même chose. Merci
Malheureusement non, mais merci de ne poster ici si vous trouver une réponse.

OriginalL'auteur supertrue | 2012-03-05

  1. 2

    Ce post peut vous aide à accomplir votre travail :

    Est-il possible de la position Highcharts dataLabels en fonction de la valeur?

    $.each(chart.series[0].data, function(i, point) {
    //using the value or calculating the percent        
    if(point.percentage < 30) {
        point.dataLabel.attr({y:20});
    }
});

    OriginalL'auteur rolivares

  2. 0

    Cela peut être réaliser à l'aide d'événements.

    De travail violon : En Dehors De Violon

    Ici si le point de données est inférieur à cinq le spectacle des étiquettes à l'extérieur de la tableaux.

      chart: {
  type: 'pie',
  events: {
    load: function() {
      var series = this.series[0];
      setTimeout(function(){
        (series.points).forEach(function(point, i){
          if (point.y < 5) {
            point.update({dataLabels:{distance: 2}});
          }
        });
      }, 200);
    }
  }
}

    OriginalL'auteur Mritunjay