настроить всплывающую подсказку для отображения даты и времени

m разработка проекта, который должен показать этот график:http://jsfiddle.net/Kc23N/

Когда я щелкаю точку (всплывающую подсказку), я хочу показать понятную дату, а не значение в миллисекундах.

Я думаю, что нужно изменить этот кусок кода:

tooltip: {
      headerFormat: '{series.name}<br>',
      pointFormat: '{point.x} date, {point.y} Kg',                        
}

Как мне это сделать? любая помощь приветствуется.

Спасибо

Ответы на вопрос(4)

{value:%Y-%m-%d} Фильтр шаблонов.

Для примера:

headerFormat: '<span style="font-size: 10px">{point.key:%Y-%m-%d}</span><br>'

йки даты вашего формата

http://api.highcharts.com/highcharts#tooltip.xDateFormat

sample:
tooltip: {
           xDateFormat: '%Y-%m-%d'
         },
 Pratap A.K02 окт. 2017 г., 14:26
Это должен быть принятый ответ.
 Ojen23 мая 2016 г., 19:41
Это должно иметь больше голосов, прекрасно работает!
Решение Вопроса

Ты можешь использоватьmoment.js чтобы отформатировать значения, но у Highcharts это естьs собственная функциональность форматирования даты, которая была бы более идиоматичной с Highcharts. Его можно прикрепить к опции всплывающей подсказки в конструкторе highcharts следующим образом:

        tooltip: {
            formatter: function() {
                return  '<b>' + this.series.name +'</b><br>' +
                    Highcharts.dateFormat('%e - %b - %Y',
                                          new Date(this.x))
                + ' date, ' + this.y + ' Kg.';
            }
        }

Вы можете также добавитьdateTimeLabelFormats Объект с параметрами, которые вам нужны для ваших дат, под xAxis.

я сделал этопример с вашимкод

используя средство форматирования всплывающей подсказки.

ЗдесьAPI форматирования всплывающей подсказки для вашей справки.

Для форматирования части даты вы можете использоватьHighcharts.dateFormat()

Формат является подмножеством форматов дляPHP»s strftime функция.

Вы также можете сослатьсяPHP's strftime для большего количества форматов даты.

Мне удалось отформатировать вашу подсказку, как показано ниже.

  tooltip: {
                formatter: function() {
                    return  '<b>' + this.series.name +'</b><br>' +
                        Highcharts.dateFormat('%e - %b - %Y',
                                              new Date(this.x))
                    + '  <br>' + this.y + ' Kg.';
                }
            }
 zzeroo17 янв. 2014 г., 08:00
Отличный ответ!

Ваш ответ на вопрос