Highcharts test tool

by Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

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

CSS

#container {
    height: 300px;
    width: 100px;
    margin: 1em auto;
}

JavaScript

$('#container').highcharts({
    chart: {
        marginBottom: 50
    },
    series: [{
        data: [12],
        type: 'column',
        pointWidth: 20,
        threshold: -40,
        borderWidth: 0,
        name: 'Temp'
    }],
    credits: {
        enabled: false
    },
    legend: {
        enabled: false
    },
    xAxis: {
        labels: {
            enabled: false
        },
        lineWidth: 0,
        tickWidth: 0
    },
    yAxis: {
        min: -40,
        max: 50,
        minPadding: 0,
        maxPadding: 0,
        startOnTick: false,
        endOnTick: false,
        title: {
            text: ''
        },
        tickInterval: 5,
        minorTickInterval: 1,
        gridLineWidth: 0,
        minorGridLineWidth: 0,
        tickWidth: 1,
        minorTickWidth: 1
    },
    title: {
        text: ''
    }

}, function (chart) {
    // Draw the shape
    var series = chart.series[0],
        point = series.points[0],
        radius = 20;
    chart.renderer.circle(
        chart.plotLeft + point.shapeArgs.x + (point.shapeArgs.width / 2), 
        chart.plotTop + series.yAxis.len + radius - 5, 
        20
    )
    .attr({
        fill: series.color
    })
    .add();
    
});