Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://blacklabel.github.io/multicolor_series/js/multicolor_series.js"></script>
<link rel="stylesheet" href="https://blacklabel.github.io/multicolor_series/css/styles.css">
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
    	yAxis: {
        	max: 100,
            min: 0
        },
        chart: {
        	height: 300
        },
        series: [{
        	lineWidth: 3,
        	marker: {
	            enabled: false
            },
            type: 'coloredline',
            data: [94.0, 94.1, 94.2, 94.3, 94.4, 94.5, 94.6, 94.7, 94.8, 94.9, 94.8, 94.7, {y: 95.0, segmentColor: 'red'},{y: 95.4, segmentColor: 'red'}, {y: 96.1, segmentColor: 'red'}]            
        }]
    });
});