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

Tom Hubbard
  • 15,820
  • 14
  • 59
  • 86
Lajos
  • 2,549
  • 6
  • 31
  • 38

3 Answers3

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/

beaver
  • 17,333
  • 2
  • 40
  • 66
Tim M.
  • 53,671
  • 14
  • 120
  • 163
  • 3
    is there a way to turn off markers on hover? Tried hover: { enabled: false} } with no luck: http://jsfiddle.net/aeZ6P/36/ – igrek Oct 08 '13 at 11:11
  • 6
    @igrek - Like this? jsfiddle.net/aeZ6P/37 The code I added is `states: { hover: { enabled: false } }` – Tim M. Oct 08 '13 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 '16 at 06: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: http://jsfiddle.net/aeZ6P/257/ – Tim M. Feb 10 '16 at 06:10
  • @igrek, http://jsfiddle.net/aeZ6P/37 link is helping a lot. Thanks! – Tejashree Sep 17 '21 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
    }]
}]
Paweł Fus
  • 44,795
  • 3
  • 61
  • 77
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!

Seer
  • 5,226
  • 5
  • 33
  • 55