In Highchart legend, the label color is the same with the color of shape

Question

I wish the label color in legend item (Highchart) is the same with the color of corresponding shape (in this case, the shape is a line) in legend, and the line doesn't be displayed.

Refer below image for more description.

Answer 1

You need to use workaround with linked series, which has defined no marker.

series: [{
        color: 'red',
        marker: {
            enabled: false
        },

    }, {
        color: 'red',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
        linkedTo: ':previous'
    }]

Example: http://jsfiddle.net/fvvdsfw2/5/