Wie man Text vertikal und horizontal zentriert in Highchart Mass

Question

Ich benutze highchart solid gauge, und kann nicht herausfinden, wie kann ich einen Text innerhalb des Diagramms selbst hinzufügen. Ich habe dataLabels hinzugefügt, aber es wird nicht auf dem Diagramm gerendert. Hier

ist mein Sample Fiddle

series: [{   
     borderColor: "#00B0FF", 
     data: [{ 
      color: "#00B0FF", 
      radius: '75%', 
      innerRadius: '75%', 
      y: 85 
     }], 
     dataLabels: { 
      format: '<span style="font-size:2em; color: {point.color}; font-weight: bold">{point.y}%</span>' 

     } 
    }] 

Answer 1

Es gibt ein paar verschiedene Möglichkeiten, aber ein einfaches ist, die in etwa wie folgt zu verwenden:

title: { 
    text: "TEST", 
    verticalAlign: 'middle', 
    floating: true 
    } 

Für andere Optionen, die mehr Javascript erforderlich/jQuery-Code, siehe diese andere Frage:

Place text in center of pie chart - Highcharts