Highcharts gantt - показать несколько строк xAxis, один для года и один для месяца - PullRequest
0 голосов
/ 30 апреля 2020

Я использую Highcharts Gantt, чтобы отобразить диаграмму Ганта на моей странице angular.

Моя цель состоит в том, чтобы в xAxis было две строки, первая - метка года, вторая - метка месяца.

Если я использую настройки по умолчанию, это почти работает, но строка года показывает только один год.

Мой код выглядит так:

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

enter image description here

Диаграмма Ганта должны отображаться годы с 2020 по 2023 год, а месяцы тех лет ниже. Это вообще возможно? Я искал это в документации, там говорится обо всем, кроме этого.

1 Ответ

0 голосов
/ 30 апреля 2020

Хотели бы вы достичь чего-то вроде этого: 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
}],

Если нет - не могли бы вы воспроизвести свою текущую попытку?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...