Highcharts Demo

author(s): Torstein Hønsi

by kasinaat007

HTML

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


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

CSS

#container {
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

// Create the chart
Highcharts.chart('container', {

    chart: {
        type: 'column'
    },

    title: {
        text: 'Mountain house indoor temperatures'
    },


    tooltip: {
/*         valueSuffix: '°C',
         */        split: true,
/* distance: 30,        padding: 5
 */    },

    xAxis: {
       /*  crosshair: {
            enabled: true
        } */
    },

    yAxis: {
        title: {
            text: 'Temperatur'
        }
    },

    plotOptions: {
        /* series: {
            lineWidth: 1.5,
            marker: {
                radius: 2
            }
        }, */
        column: {
						stacking: 'normal'
					},
    },

    series: [{
					maxPointWidth:50,
					data: [1,2,3,4,1,1],
					name: "Running",
				},
				{
					maxPointWidth:50,
					data: [1,2,3,4,1,1],
					name: "Failed",
				},
				{
					maxPointWidth:50,
					data: [1,2,3,4,1,1],
					name: "Success",
				},
				
				]

});