как я могу исправить 'Ошибка: <rect>атрибут х: Ожидаемая длина, "NaNNaN" - PullRequest
Новая
       162

как я могу исправить 'Ошибка: <rect>атрибут х: Ожидаемая длина, "NaNNaN"

1 голос
/ 23 апреля 2019

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

start: Date.UTC(2019, 02, 30), // this line is error
 end: Date.UTC(2019, 08, 23), // this line is error

 Error: <rect> attribute x: Expected length, "NaN".
 Error: <rect> attribute width: Expected length, "NaN".
 Error: <rect> attribute x: Expected length, "NaNNaN".
 Error: <rect> attribute width: Expected length, "NaNNaN".

Мне просто нужно сделать это, но это показывает, что эти начало и конец находятся в неверный формат или показывает ошибку. Это jsfiddle: Онлайн пример 

 var today = new Date(),
        day = 1000 * 60 * 60 * 24;    
    var options = {
        title: {
            text: 'Visual Planner Chart with Navigation',
        },
        xAxis: 
            currentDateIndicator: true,
            min: today - 3 * day,
            max: today + 18 * day
        },
        yAxis: {
            uniqueNames: true

        },
        series: [{
            name: 'Visual Planner',
            data: [],
            dataLabels: {
                enabled: true,
                format: '{point.owner}'
            }
        }]
    }    


 // for reference https://api.highcharts.com/gantt/
 var ganttChart = Highcharts.ganttChart('container-ganttChart', options)    

 // call gantt chart then add series
 ganttChart.series[0].addPoint({
   start: Date.UTC(2019, 01, 30),
   end: Date.UTC(2019, 05, 29),
   name: 'crewRank',
   owner: 'crewName'
 })

1 Ответ

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

Вы должны использовать метод getTime, чтобы получить миллисекунды, а затем использовать их в вычислениях: 

var today = new Date().getTime(),
    day = 1000 * 60 * 60 * 24;

Кроме того, измените значение в selected свойстве: 

rangeSelector: {
    ...,
    selected: 1
}

Демо: https://jsfiddle.net/BlackLabel/mbyn8k0d/

API: https://api.highcharts.com/highstock/rangeSelector.selected

...