Solid gauge scaling

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
<div id="container" style="width: 500px; height: 300px;"></div>

JavaScript

Highcharts.chart('container', {
 
 
        "chart": {
            "reflow": false,
            "type": "solidgauge",
            "animation": false,
            "borderRadius": 0,
            "backgroundColor": "rgba(255,255,255,1)",
            "plotBackgroundColor": "rgba(255,255,255,0)",
            "spacingBottom": 10,
            "scAnimateChanges": false,
            "scAllowHidingSeries": true,
            "scHandleHideOnServer": true
        },
        "drilldown": {},
        "pane": {
            "center": [ "50%", "80%" ],
            "size": "130%",
            "startAngle": -90,
            "endAngle": 90,
            "background": [
                {
                    "backgroundColor": "rgba(68,114,196,0.2)",
                    "borderWidth": 0,
                    "borderColor": "rgba(68,114,196,0.4)",
                    "innerRadius": "60%",
                    "outerRadius": "100%",
                    "shape": "arc"
                }
            ]
        },
        "title": {
            "text": "",
            "margin": 0
        },
        "subtitle": {
            "text": "",
            "margin": 0
        },
        "legend": {
            "margin": 10,
            "backgroundColor": "rgba(255,255,255,0)",
            "borderWidth": 1,
            "borderColor": "rgba(177,177,177,1)",
            "squareSymbol": false,
            "symbolRadius": 0,
            "itemStyle": {
                "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
                "fontSize": "11px",
                "fontWeight": "normal",
                "color": "rgba(60,60,60,1)"
            }
        },
        "tooltip": {
            "enabled": true,
            "backgroundColor": "rgba(255,255,255,1)",
            "style": {
                "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
                "fontSize": "11px",
                "color": "rgba(60,60,60,1)"
            },
            "useHTML": true,
           ...