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

问题描述 投票:0回答:1

我有一个Highchart图,它在我的数据数组中显示2001年至2020年的数据,我想为xAxis点2001分配数组的前4个索引,即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']
  },

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

我希望我的Highcharts图xAxis像这样enter image description here出现

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

javascript highcharts
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.