data label position full gauge

by kzoon

HTML

<script src="https://github.highcharts.com/420ac199578518f3afb7f4aa6d5010db6fb88b2b/highcharts.js"></script>
<script src="https://github.highcharts.com/420ac199578518f3afb7f4aa6d5010db6fb88b2b/highcharts-more.js"></script>
<script src="https://github.highcharts.com/420ac199578518f3afb7f4aa6d5010db6fb88b2b/modules/solid-gauge.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container', {

  "chart": {
    "type": "solidgauge",
    "height": "200px"
  },

  "pane": {
    "background": [{
      "innerRadius": "10%",
      "outerRadius": "100%",
    }]
  },
  "title": {
    "text": ""
  },

  "plotOptions": {
    "solidgauge": {
      "dataLabels": {
        "enabled": true,
        "borderWidth": 0,
        "verticalAlign": "bottom",
        y:0,
        padding:0,
        "style": {
          "fontSize": "20px",
          "fontWeight": "normal",
        },
        "useHTML": true

      }
    }
  },

  "yAxis": [{
    "lineWidth": 0,
    "tickPositions": [],
    "min": 0,
    "max": 100,

  }],
  "series": [{
    "data": [81.3]
  }]

});