Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HighCharts - How can I turn off the points?

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

like image 595
Lajos Avatar asked Feb 01 '13 09:02

Lajos


People also ask

What is point in Highcharts?

The point objects are generated from the series. data configuration objects or raw numbers. They can be accessed from the Series. points array. Other ways to instantiate points are through Highcharts.

What is marker in Highcharts?

Options for the point markers of line-like series. Properties like fillColor , lineColor and lineWidth define the visual appearance of the markers. Other series types, like column series, don't have markers, but have visual options on the series level instead.

How do I delete a series in Highcharts?

get('idofseriestoremove'). remove(). This only removes the series but is not removing the associated dotted lines.

What is the use of Highcharts?

Highcharts is a pure JavaScript based charting library meant to enhance web applications by adding interactive charting capability. Highcharts provides a wide variety of charts. For example, line charts, spline charts, area charts, bar charts, pie charts and so on.


2 Answers

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/

like image 109
Tim M. Avatar answered Oct 12 '22 16:10

Tim M.


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     }] }] 
like image 27
Paweł Fus Avatar answered Oct 12 '22 17:10

Paweł Fus