Highcharts: Wyświetlaj etykiety (min., Maks., Medianę itp.) W boxplot

Question

Stworzyłem podstawowy planszy z wykorzystaniem highcharts i pokazuje mi wartości maksymalnego, maksymalnego kwartylu, mediany, min. Kwartylu i minimum po najechaniu myszą na polu działki. Chcę jakoś wyświetlić te wartości na samym wykresie obok każdej z linii.

Sprawdziłem api i okazało się, że "dataLabel" może pomóc, ale nie jest to obsługiwane dla boxplot. Czy ktoś mógłby mnie oświecić, jak to osiągnąć?

Dzięki.

Answer 1

Niestety, ta opcja nie jest obsługiwana. Jedyne co możesz zrobić, to użyć renderera do dodania niestandardowego tekstu na wykresie, ale mam świadomość, że może to nie być wygodne rozwiązanie. http://api.highcharts.com/highcharts#Renderer.text()

Obviosuly można reqest swoje sugestie w naszym systemie Voice http://highcharts.uservoice.com/

Answer 2

Dodaj kolejną serię danych, który jest rodzajem „Scatter” i zastosować etykiety danych do tej serii za pomocą znacznika. Sztuką jest użycie tego samego koloru wypełnienia, co kolor tła i szerokość linii 0, więc znacznik nie będzie widoczny, a tylko etykieta będzie wyświetlana.

{ 
     name: 'Outlier', 
     color: 'white', 
     type: 'scatter', 
     data: [ // x, y positions where 0 is the first category 
      { 
       name: 'This is my label for the box', 
       x:0, //box index. first one is 0. 
       y:975 //it will be bigger than the maximum value of of the box 
      } 
     ], 
     dataLabels : { 
      align: 'left', 
       enabled : true, 
       formatter : function() { 
        return this.point.name; 
       }, 
      y: 10, 
      }, 
     marker: { 
      fillColor: 'white', 
      lineWidth: 0, 
      lineColor: 'white' 
     } 
    } 

Answer 3

Nie możliwe po wyjęciu z pudełka, ale jak wspomniał Steve Gu osiągalny dzięki rozproszeniu. Można nawet ignorować formatowania i wyłączyć znacznik alltogether:

{ 
    series: [ 
    { 
     type: 'scatter', 
     tooltip: { 
     enabled: false 
     }, 
     dataLabels: { 
     format: '{key}', 
     enabled: true, 
     y: 0, 
     }, 
     data: [{ x: 0, y: 975, name: '975'}], 
     marker: { 
     enabled: false, 
     } 
    } 
    ] 
} 

prostu wyłączyć marker i ustawić format klucza.