variableshighchartsthresholdadaptive-threshold

Highcharts variable threshold


Is it possible to set a threshold that changes across the series? like the picture attached?Dynamic threshold

I already went through this link ( http://api.highcharts.com/highcharts )and couldn't find anything similar, only static thresholds.

Thanks in advance


Solution

  • You can try to mix line serie and areasplinerange, then set proper colors.

    series: [{
            type: 'spline',
            data: [3, 2, 3, 5, 4, 10, 12]
        }, {
            fillColor: 'green',
            marker: {
                enabled: true
            },
            data: [
                [3, 3],
                [2, 5],
                [3, 3]
            ]
        }, {
            fillColor: 'red',
            marker: {
                enabled: true
            },
            data: [null, null, [3, 3],
                [3, 5],
                [3, 4],
                [5, 10],
                [4, 12]
            ]
        }]
    

    Example: http://jsfiddle.net/2zyzx1fr/1