88

I'm using HighCharts. Here is the documentation. I would like to turn off those points but at first I do not know how is that called. Therefore I can not turn them off. Do you know how am I able to kill those points?

I would like to turn of those points

0

3 Answers 3

137

Here's an example with a line chart: http://jsfiddle.net/aeZ6P/1/

Important part:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

See also: https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

Same effect with spline: http://jsfiddle.net/aeZ6P/

5
  • 3
    is there a way to turn off markers on hover? Tried hover: { enabled: false} } with no luck: jsfiddle.net/aeZ6P/36
    – igrek
    Oct 8, 2013 at 11:11
  • 6
    @igrek - Like this? jsfiddle.net/aeZ6P/37 The code I added is states: { hover: { enabled: false } }
    – Tim M.
    Oct 8, 2013 at 16:20
  • Is there a way to turnoff lines and keep only markers? I guess it will be exact opposite of this question?
    – disp_name
    Feb 10, 2016 at 6:04
  • 1
    @RajatAgarwal - I couldn't find a proper way to disable the lines, but I was able to hide the lines by setting their width to 0px: jsfiddle.net/aeZ6P/257
    – Tim M.
    Feb 10, 2016 at 6:10
  • @igrek, jsfiddle.net/aeZ6P/37 link is helping a lot. Thanks!
    – Tejashree
    Sep 17, 2021 at 11:36
95

In Highcharts we have three ways to disable markers:

1) Disable for all series by type:

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2) Disable for one specific series:

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3) Disable marker for a certain point:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]
3
  • And how to disable a figure at the point when you hover on the line for each data series?
    – Piotr
    Feb 6, 2015 at 10:06
  • Simply disable states.hover.
    – Paweł Fus
    Feb 6, 2015 at 13:26
  • 1
    @PawełFus thanks. plotOptions.series.states.hover works. I'm glad I saw this post.
    – Junius
    May 2, 2017 at 23:10
12

Take a look at this from the HighCharts API reference:

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

The options you need to add are this:

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

This method is nice as it will work with all charts with the point markers. If you want a specific chart type, check this out:

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

Enjoy!

3
  • sorry but not work on hover, on hover always have that marker
    – Emiliano
    Jan 7, 2020 at 19:01
  • How do you turn off one marker, like the very last one? Sep 7, 2021 at 18:41
  • To turn off the markers on hover, add this: plotOptions: { series: { states: { hover: { enabled: false } } } }
    – Midiman
    May 17 at 12:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.