The default values ββfor gridLineWidth are 1 for yAxis and 0 for xAxis, resulting in only horizontal lines being displayed. You need to set width 1 for x and y.
yAxis: { gridLineWidth: 1 // The default value, no need to change it }, xAxis: { gridLineWidth: 1 // New value },
Jsfiddle example:

source share