This is a sample configuration for a Gauge Chart in Apps. The datasource used in this example can be found here.


    {
      "id": "gaugeChart",
      "type": "highcharts",
      "source": "raw_testSource",
      "config": {
        "title": {
          "text": "Solid gauge"
        },
        "exporting": {},
        "chart": {
          "type": "solidgauge"
        },
        "pane": {
          "center": [
            "50%",
            "85%"
          ],
          "size": "140%",
          "startAngle": "-90",
          "endAngle": "90",
          "background": {
            "backgroundColor": "#EEE",
            "innerRadius": "60%",
            "outerRadius": "100%",
            "shape": "arc"
          }
        },
        "tooltip": {
          "enabled": true
        },
        "yAxis": {
          "title": {
            "y": -70
          },
          "stops": [
            [
              0.1,
              "#66CC00"
            ],
            [
              1.0,
              "#BFE600"
            ],
            [
              1.5,
              "#E6E600"
            ]
          ],
          "min": 0,
          "max": 10,
          "lineWidth": 0,
          "minorTickInterval": null,
          "tickPixelInterval": 400,
          "tickWidth": 0,
          "labels": {
            "y": 16
          }
        },
        "plotOptions": {
          "solidgauge": {
            "dataLabels": {
              "y": 10,
              "borderWidth": 0,
              "useHTML": true
            }
          },
          "series": {
            "animation": false
          }
        },
        "series[0]": {
          "dataLabels": {
            "format": "<div style=\"text-align:center\"><span style=\"font-size:25px\">
                       {y}</span><br/><span style=\"font-size:12px;opacity:0.4\">km/h</span>
                      </div>"
          }
        },
        "series": [
          {
            "name": "Berlin",
            "turboThreshold": 0
          }
        ]
      }
    }