Individuelle Notation in HighChart Serie

Question

ich einen Abschnitt in meiner Webseite haben, in dem ich zeigen eine HighChart Graph, etwas wie unten:

Highcharts.chart('container', { 
    chart: { 
     type: 'line' 
    }, 
    title: { 
     text: 'Monthly Average Temperature' 
    }, 
    subtitle: { 
     text: 'Source: WorldClimate.com' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    yAxis: { 
     title: { 
      text: 'Temperature (°C)' 
     } 
    }, 
    plotOptions: { 
     line: { 
      dataLabels: { 
       enabled: true 
      }, 
      enableMouseTracking: true 
     } 
    }, 
    series: [{ 
     name: 'London', 
     data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
    }] 
}); 

Wir können die Punkte sehen, dass als numbers angezeigt . Ich möchte, dass die Nummern durch strings wie "3,9%", "4,2%" ..und so weiter ersetzt werden.

Wenn ich die Daten im obigen Code ändern, um das '%' Zeichen einzuschließen, wird das Diagramm nicht gerendert. Ich denke HighCharts.js erlaubt nur Zahlen, die geplottet werden.

Wie kann die benutzerdefinierte Notation '3,9%', '4,2%' .. und so weiter in der Grafik angezeigt werden?

Experten bitte helfen.

Dank

Answer 1

Sie die dataLabels option mit dem guten Format mich, wie format: "{point.y} %"

series: [{ 
    name: 'London', 
    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8], 
    dataLabels: { 
    enabled: true, 
    format: "{point.y} %" 
    } 
}]