Highcharts：隐藏类别的行

Question

我有xAxis的配置：

xAxis: {
  type: 'datetime',
  crosshair: true,
  showFirstLabel: true,
  showLastLabel: true,
  categories: props.currentPeriodDays,
  labels: {
    step: 20
  }
}

我怎么能隐藏这些线？

Answer 1

您是否尝试过添加gridLineWidth: 0或tickWidth: 0？

所以代码看起来像是：

xAxis: {
  type: 'datetime',
  crosshair: true,
  showFirstLabel: true,
  showLastLabel: true,
  gridLineWidth: 0,
  tickWidth: 0,
  categories: props.currentPeriodDays,
  labels: {
    step: 20
  }
}

希望这有帮助

Answer 2

虽然接受的答案确实回答了所提出的问题，但让我提供一种不同的方法供参考。

您正在绘制时间序列数据，当使用轴类型datetime时，Highcharts处理得非常好，而不是试图将日期划分为category轴。

不使用categories，图表将自动生成一组逻辑的刻度/网格线/轴标签，而不是为每个数据点创建它们。

如果结果不完全符合您的要求，您可以通过设置适当的tickInterval轻松纠正这些问题。

如果您根本不想要任何tickmarks，您仍然可以通过将tickWidth或tickLength设置为0来隐藏它们，但是将数据发送为{ {1}}数据，并使用datetime轴，您可以省去，因为不会创建这么多（并且您将拥有更清晰，更逻辑的图表对象）。

参考文献：

• https://api.highcharts.com/highcharts/xAxis.type

• https://api.highcharts.com/highcharts/xAxis.tickInterval

• https://www.highcharts.com/docs/chart-concepts/axes

演示：

• https://www.highcharts.com/demo/line-time-series

*