Highcharts甘特图--显示多个x轴行，一个是年，一个是月。

Question

我使用Highcharts gantt，在我的Angular页面上显示一个甘特图，我的目标是，在xAxis上有两行，第一行是年份标签，第二行是月份标签。

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

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

我的代码是这样的。

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

甘特图应该显示从2020年到2023年的年份 以及下面这些年份的月份。这有可能吗？我在文档中搜索了一下，它谈到了所有的东西，除了这个。

Answer 1

你想实现像这里这样的东西吗。https:/jsfiddle.netghgetlibrarypurehighchartshighchartstreemastersamplesganttganttyearsandmonths。

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
}],

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