Highcharts-如何在每个xAxis标签上具有多个数据点?

时间:2020-05-15 02:38:06

标签: javascript highcharts

我有一个Highchart图,该图在我的数据数组中显示2001年至2020年的数据,我想为xAxis点2001分配数组的前四个索引2.3, 4.2, 4.2, 4.3, 2002年还有接下来的4点,等等,保持我的xAxis类别标签不变。

此刻,因为我有更多的数据点,然后我的xAxis标签最终被切除了,HighCharts开始在图的底部添加数字。

这里是jsfiddle

这是照片示例:

enter image description here

我试图让xAxis的底部显示我分配给它的内容:

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

同时每年获得1分以上。我希望这一点很清楚,并且我坚持如何在HighCharts中完成此任务,因为我添加了更多数据后,图表的底部数字不断扩大,而不是我期望的年份。

我希望我的Highcharts图xAxis看起来像这样enter image description here

,同时每个标签具有多个数据点。

1 个答案:

答案 0 :(得分:0)

您可以使用pointStart功能来获得想要的结果。

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

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

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