Как анализировать даты в highcharts из csv

#javascript #datetime #charts #highcharts #timestamp

#javascript #дата и время #Диаграммы #highcharts #временная метка

Вопрос:

У меня есть данные CSV в следующем формате

 time_stamp,"Phase 3","Phase 2","Phase 3"
"2014-06-03 07:59:48",24210,22744,26003
"2014-06-04 07:59:49",112603,103417,121368
"2014-06-05 07:59:50",21302,20165,23317
"2014-06-06 07:59:50",21561,20951,23875
"2014-06-07 07:59:03",408,1151,767
"2014-06-08 07:59:04",384,1151,767
  

Я использую highcharts для генерации графика из этих значений. Я хочу разобрать timestamp в формат, который будет обрабатывать Highcharts. Я осмотрелся, но ничего не смог найти.

Ниже приведен мой фрагмент кода:

 $.get("<?php echo base_url(); ?>uploads/<?php echo $username; ?>" TimeofDay, function(data) {
        // Split the lines
        var lines = data.split('n');

        // Iterate over the lines and add categories or series
        $.each(lines, function(lineNo, line) {
            var items = line.split(',');

            // header line containes categories
            if (lineNo == 0) {
                $.each(items, function(itemNo, item) {
                    if (itemNo > 0) {
                     options.series.push({
                              name: item,
                              data: []
                              });
                     }
              });

                } else {
                    $.each(items, function(itemNo, item) {
                        if (itemNo === 0) { 
                            options.xAxis.categories.push(item);
                        } else if (parseFloat(item/1000)) { 
                            options.series[itemNo - 1].data.push(parseFloat(item/1000));
                        } else if (item == "null") { /* adding nulls */
                            options.series[itemNo - 1].data.push(null);
                        }
                    });


                }
            });
  

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

Комментарии:

1. В случае, когда вы размещаете свои даты в виде категорий, вам не нужно преобразовывать даты во временные метки. Это требуется, когда xAxis имеет тип datetime.

Ответ №1:

Поместите код в соответствующее место вашего кода, где вам нужно выполнить это преобразование. Вы должны преобразовать строку временной метки в действительную дату javascript, например, как показано ниже:

 var my_date = "2014-06-03 07:59:48";
my_date = my_date.replace(/-/g, "/"); //here the new date string would be like: 2014/06/03 07:59:48
//alert(my_date);
var javascript_date = new Date(my_date);
  

Комментарии:

1. Дайте мне знать, если обнаружите какие-либо проблемы!

2. позвольте мне попробовать

3. Пожалуйста, рассмотрите возможность принятия ответа, если он подходит вам! Еще дайте мне знать, если вы все еще сталкиваетесь с проблемой при реализации этого решения.