Установите ноль для отсутствующих данных в старших чартах

Question

Установите ноль для отсутствующих данных в старших чартах

1

Как установить нуль для отсутствующих данных в highcharts, здесь я получаю значения в течение 3 дней, между днями данных нет. Поэтому для тех дней мне нужно установить нуль

seriesData = [{
    "name": "Questions",
    "data": [
      [1503273600000,1],
      [1504656000000,1],
      [1504742400000,1]
    ]
  }]

Jsfiddle

Спасибо...

Arun Kumar M 08 сен. 2017, в 10:40

Источник

0

Глядя на приведенный вами пример, какие данные отсутствуют?
Matt Newelski 08 сен. 2017, в 08:20
0

@MattNewelski только я получаю значения за 3 дня, между днями данных нет. Поэтому для тех дней мне нужно установить ноль
Arun Kumar M 08 сен. 2017, в 08:21
0

Я не думаю, что вы могли бы сделать это, не помещая отсутствующие данные в массив данных.
AirNoir 08 сен. 2017, в 08:28
0

Вы должны предварительно обработать ваши данные. Диаграмма не знает, что вы считаете «отсутствующими» данными - вы должны определить это для себя и заполнить пробелы перед отправкой данных на диаграмму. Например, если вам нужна точка данных для каждого дня, вам нужно определить дату начала и окончания, выполнить цикл по датам, и, если точка данных не найдена, добавьте точку со значением 0 для этой даты.
jlbriggs 08 сен. 2017, в 12:37

Показать ещё 2 комментария

Теги:

javascript

highcharts

1 ответ

Ещё вопросы

Глядя на приведенный вами пример, какие данные отсутствуют?
@MattNewelski только я получаю значения за 3 дня, между днями данных нет. Поэтому для тех дней мне нужно установить ноль
Я не думаю, что вы могли бы сделать это, не помещая отсутствующие данные в массив данных.
Вы должны предварительно обработать ваши данные. Диаграмма не знает, что вы считаете «отсутствующими» данными - вы должны определить это для себя и заполнить пробелы перед отправкой данных на диаграмму. Например, если вам нужна точка данных для каждого дня, вам нужно определить дату начала и окончания, выполнить цикл по датам, и, если точка данных не найдена, добавьте точку со значением 0 для этой даты.

Aleksandar Gajic · Accepted Answer · 2017-09-08T06-58-00.000Z

Вы можете сделать это так

var data = [[1.5032736E12,1.0],[1.504656E12,1.0],[1.5047424E12,1.0]];
        var startDay = data[0][0],
            endDay = data[data.length-1][0]
            isLastDay = startDay == endDay,
            dayTick = 1000 * 60 * 60 * 24,
            temp = [];

        //Create new array with 0 values for each day
        temp.push([startDay, 0])
        while(!isLastDay) {
            startDay += dayTick;
            temp.push([startDay, 0])

            isLastDay = startDay >= endDay;
        }

        //Override all values with existing days
        for (var i = 0; i < data.length; i++)
        for(var j = 0; j < temp.length; j++) {
            if (temp[j][0] == data[i][0]) {
                temp[j][1] = data[i][1];
                break;
            }
        }

    data = temp;

Highcharts.chart('container', {
chart: {
            type: 'line'
        },
   title: {
            text: 'Survey'
        },
        yAxis: {
            title: {
                text: 'Responses'
            }
        },
        xAxis: [{
            type: "datetime",
            title: {
                text: null
            },
            dateTimeLabelFormats: {
                month: "%e.%b<br/>%a"
            }
        }],
           plotOptions: {
            series: {
                marker: {
                    enabled: false
                }
            },
            series: {
                connectNulls: true
            }
        },

    series:[{"name":"Questions","data":data}]

});

Таким образом, вы создадите новый массив temp, который будет иметь все дни между первым и последним днем с 0 значениями, после чего вы просто поместите существующие значения в массив temp.

Вот обновленный jsfiddle