Highcharts 甘特图 - 显示多个 xAxis 行，一个代表年份，一个代表月份答案

【问题标题】：Highcharts gantt - show multiple xAxis rows, one for year and one for monthHighcharts 甘特图 - 显示多个 xAxis 行，一个代表年份，一个代表月份
【发布时间】：2020-04-30 19:39:33
【问题描述】：

我正在使用 Highcharts 甘特图，在我的角度页面上显示甘特图。

我的目标是，在 xAxis 上有两行，第一行是年份标签，第二行是月份标签。

如果我使用几乎默认设置，它几乎可以工作，但年行只显示一年。

我的代码如下所示：

  xAxis: {
    labels: {
      format: '{value:%m}'
    }
  },
  yAxis: {
    visible: false,
  },

甘特图应显示从 2020 年到 2023 年的年份，以及低于该年份的月份。甚至可能吗？我在文档中搜索它，它讨论了除此之外的所有内容。

【问题讨论】：

标签： javascript angular highcharts

【解决方案1】：

您想在这里实现类似的目标吗： https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/gantt/gantt/years-and-months

xAxis: [{
    tickInterval: 1000 * 60 * 60 * 24 * 30, // Month
    labels: {
        format: '{value:%b}',
        style: {
            fontSize: '8px'
        }
    },
    min: Date.UTC(2014, 3, 17),
    max: Date.UTC(2015, 11, 0),
    currentDateIndicator: true
}, {
    tickInterval: 1000 * 60 * 60 * 24 * 365, // Year
    labels: {
        format: '{value:%Y}',
        style: {
            fontSize: '15px'
        }
    },
    linkedTo: 0
}],

如果没有 - 你能重现你当前的尝试吗？

【讨论】：

哦，我的...是的，这正是我想要的。非常感谢。