How can I enable only the left most Highcharts XAxis plot line on DateTime Line chart. I suppose there should be a default option to display XAxis line without needing to know the minimum/start value
My progress so far -> https://jsfiddle.net/Lpjb9wc7/
JavaScript
x
38
38
1
const chart = Highcharts.chart('container', {
2
3
credits: {
4
enabled: false,
5
},
6
title: null,
7
xAxis: {
8
title: 'Session',
9
type: 'datetime',
10
tickInterval: 3600 * 1000,
11
gridLineWidth: 1
12
},
13
yAxis: {
14
gridLineWidth: 0,
15
title: {
16
text: 'Temperature',
17
},
18
},
19
legend: {
20
enabled: false,
21
},
22
plotOptions: {
23
series: {
24
marker: {
25
enabled: false,
26
},
27
},
28
},
29
series: [
30
{
31
data: [
32
[1369206795000, 1],
33
[1369225421000, 3],
34
[1369230934000, 2],
35
],
36
},
37
],
38
});
Advertisement
Answer
You need to change the dafault value of the lineWidth
property.
JavaScript
1
5
1
yAxis: {
2
lineWidth: 1,
3
4
}
5
Live demo: https://jsfiddle.net/BlackLabel/49078gLx/
API Reference: https://api.highcharts.com/highcharts/yAxis.lineWidth