javascript - Highcharts - 如何每个 xAxis 标签有多个数据点？

Question

我有一个 Highchart 的图表，它在我的数据数组中显示 2001 年至 2020 年的数据我想将 xAxis 点分配给2001我的数组的前 4 个索引，即2.3, 4.2, 4.2, 4.32002 有接下来的 4 个点等，同时保持我的 xAxis 类别机智的标签。

目前，因为我有更多数据点，所以我的 xAxis 标签最终被切断，HighCharts 开始在图表底部添加数字。

这是一个jsfiddle

这是一个照片示例：

我试图让底部的 xAxis 显示我分配的内容：

xAxis: {
    categories: ['2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020']
  },

同时每年有超过一分。我希望这很清楚，并且我被困在如何在 HighCharts 中实现这一点，随着我添加更多数据，图表继续扩大，底部的数字而不是我预期的年份。

我希望我的 Highcharts 图表 xAxis 看起来像这样

每个标签有多个数据点。

标签： javascripthighcharts

Answer 1

您可以使用该pointStart功能来实现想要的结果。

演示：https ://jsfiddle.net/BlackLabel/wgr253pf/

  plotOptions: {
    line: {
      dataLabels: {
        enabled: false
      },
      enableMouseTracking: false,
            pointStart: 2001
    }
  },

API：https ://api.highcharts.com/highcharts/series.line.pointStart