Search code examples
javascriptangularjschartshighchartsparallel-coordinates

Highlight a line with different color in Parallel coordinate chart with Highcharts


I wanted to a represent a line with different color which will show some special behaviour. In this example blue lines shows a normal data but I wanted to annotate a single line with red line. Is there any way to do this .?


Solution

  • You can add some condition to highlight a specific series:

            series: data.map(function (set, i) {
                if (i === 10) {
                    return {
                        name: 'Runner ' + i,
                        data: set,
                        shadow: false,
                        color: 'red',
                        zIndex: 1
                    };
                }
                return {
                    name: 'Runner ' + i,
                    data: set,
                    shadow: false
                };
            })
    

    Live demo: https://jsfiddle.net/BlackLabel/17m3waLu/