Javascript Highcharts：隐藏类别的线条_Javascript_Highcharts

Javascript Highcharts：隐藏类别的线条

javascript highcharts

Javascript Highcharts：隐藏类别的线条,javascript,highcharts,Javascript,Highcharts,我有xAxis的配置： xAxis: { type: 'datetime', crosshair: true, showFirstLabel: true, showLastLabel: true, categories: props.currentPeriodDays, labels: { step: 20 } } 我怎样才能隐藏这些线？您是否尝试添加网格线宽度：0或滴答声宽度：0 所以代码看起来像： xAxis: { type: 'datetime'

我有

xAxis

的配置：

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

我怎样才能隐藏这些线？

您是否尝试添加

网格线宽度：0

或

滴答声宽度：0

所以代码看起来像：

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

希望这有帮助

您是否尝试过添加

gridLineWidth:0

或

tickWidth:0

所以代码看起来像：

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

希望这有助于

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

您正在绘制时间序列数据，Highcharts在使用轴类型

datetime

时处理得非常好，而不是试图将日期硬塞进

类别

轴

如果不使用

类别

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

如果结果不能完全满足您的要求，您可以通过设置适当的

tickInterval

来轻松更正它们

如果您根本不想要任何

记号

，您仍然可以通过将

记号宽度

或

记号长度

设置为0来隐藏它们，但是通过将数据作为

日期时间

数据发送，并使用

日期时间

轴，您可能不需要这样做，因为不会创建太多记号（您还将拥有一个更干净、更具逻辑性的图表对象）

参考资料：

演示：