Как использовать динамический c диапазон дат столбца с накоплением и столбцами в столбце Х по оси Х? - PullRequest
2 голосов
/ 24 апреля 2020

Я использую стек и диаграмму столбцов Highchart. Я хочу использовать динамический c диапазон времени и даты, который может быть достигнут путем передачи параметра min и max. Я сделал то же самое, но он не строит график. Если я удаляю параметр min и max из оси x и использую данные массива категорий, это заполнение. Но я не могу сделать массив категорий динамическим c, так что я могу передать мин и макс там, и мой график будет построен. Нужна помощь. Спасибо заранее.

Ниже приведен мой код dynamicDaterange.

xAxis: {
    type:'datetime',
    min: startDate ?startDate.getTime() : (Date.now() - 24 * 60 * 60 * 1000),
            max: endDate?endDate.getTime() : Date.now(),
}

https://jsfiddle.net/fo3y572b/5/

Ниже строки кода, когда я использую массив категорий

 xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'April', 'May','June','July','Aug','Sep','Oct','Nov','Dec']
    },

1 Ответ

1 голос
/ 24 апреля 2020

Я думаю, что лучшим подходом будет использование функций pointStart и pointInterval .

Демонстрация: https://jsfiddle.net/BlackLabel/h2yxbkap/

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

   plotOptions: {
     column: {
       pointStart: startDate,
       pointInterval: 24 * 3600 * 1000, // one day
       stacking: 'normal'
     }
   },

Установка минимального и максимального значений недостаточна , он просто устанавливает диапазон xAxis, но ваши данные по-прежнему выглядят так: [{x: 0, y: 5}, {x: 1, y: 3}, {x:2, y: 4} , ...], что означает, что x = 0 миллисекунд выходит за пределы диапазона xAxis. Или вам нужно будет переопределить ваши данные для х в качестве данных.

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