CODEWITHSUNDEEP
javascripthighcharts
Kirubanandan Kanagaraj
Kirubanandan Kanagaraj

Reputation: 67

How to get Highchart plots plotted only for starting and ending points

http://jsfiddle.net/cpcrxnbn/

In this highchart all the points available has the plot markers filled with white color. But, how to get the plots only for starting and ending positions?

$(function(){
    $('#container').highcharts({
        xAxis: {
            categories: ['Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            series: {
                marker: {
                    fillColor: '#FFFFFF',
                    lineWidth: 2,
                    lineColor: null // inherit from series
                }
            }
        },

        series: [{
            data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });
});

Upvotes: 0

Views: 128

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37588

You can disable markers for whole serie and enable per particular points.

series: [{
        marker: {
            enabled: false
        },
        data: [{
            y: 176.0,
            marker: {
                enabled: true,
                fillColor: '#ffffff',
                lineWidth: 2,
                lineColor: colors[0] // inherit from series
            }
        },
        135.6, 148.5, 216.4, 194.1, 95.6, {
            y: 54.4,
            marker: {
                enabled: true,
                fillColor: '#ffffff',
                lineWidth: 2,
                lineColor: colors[0] // inherit from series
            }
        }]
    }]

Example: http://jsfiddle.net/cpcrxnbn/3/

Upvotes: 1

Related Questions