Highcharts 显示 X 轴绘图线

Question

如何启用仅日期时间折线图上最左边的 Highcharts XAxis 绘图线。我想应该有一个默认选项来显示 XAxis 线而不需要知道 minimum/start 值

我目前的进度 -> https://jsfiddle.net/Lpjb9wc7/

const chart = Highcharts.chart('container', {

credits: {
  enabled: false,
},
title: null,
xAxis: {
  title: 'Session',
  type: 'datetime',
  tickInterval: 3600 * 1000,
  gridLineWidth: 1
},
yAxis: {
  gridLineWidth: 0,
  title: {
    text: 'Temperature',
  },
},
legend: {
  enabled: false,
},
plotOptions: {
  series: {
    marker: {
      enabled: false,
    },
  },
},
series: [
  {
    data: [
      [1369206795000, 1],
      [1369225421000, 3],
      [1369230934000, 2],
    ],
  },
],

});

Answer 1

您需要更改 lineWidth 属性的默认值。

    yAxis: {
        lineWidth: 1,
        ...
    }

现场演示： https://jsfiddle.net/BlackLabel/49078gLx/

API参考：https://api.highcharts.com/highcharts/yAxis.lineWidth

Highcharts 显示 X 轴绘图线

Highcharts Display Xaxis plot line

javascript

charts

highcharts