CODEWITHSUNDEEP
javascriptchartshighcharts
Lightbeard
Lightbeard

Reputation: 4131

Resize data points with highcharts

We are using highcharts and are trying to customize a chart to look similar to this: enter image description here

We were able to set colors as documented and also increase the thickness of the lines by using the lineWidth attribute, but can't find a way to customize the data points so they are always circles and larger than the thicker lines. This is what it looks like at this point: enter image description here

Also, we can't find a way to remove the default gray horizontal lines.

Help!

Upvotes: 14

Views: 12943

Answers (1)

Ricardo Lohmann
Ricardo Lohmann

Reputation: 26310

This gray line is called grid line, you can customize them following the reference.

To remove grid lines

 yAxis: {
     gridLineWidth: 0
 }

Like this example.

Change marker width

plotOptions: {
    series: {
        marker: {
            enabled: true,
            symbol: 'circle',
            radius: 7
        }
    }
}

demo

You can take a look here if you want to customize series markers.

Upvotes: 36

Related Questions