JQuery Highcharts - даты взяты в формате США не UK

Question

Я искал API, но, похоже, не могу найти окончательную настройку, чтобы моя диаграмма отображала все даты в формате Великобритании (dd/mm/YYYY).

Вот как я произвожу мой Highchart:

<script type="text/javascript"> 
    $(function() { 
     Highcharts.setOptions({ 
      global: { 
       useUTC: false // I added this as I read it will force highcharts to set the locale to that of the browser, but it seems to have no effect 
      } 
     }); 
     Highcharts.chart('container', { 
      title: { 
       text: 'FTE Modelling' 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'FTE (Hours)' 
       } 
      }, 
      data: { table: "MainContent_GridView1"}, 
      series: [{ 
       type: 'column', 
       pointWidth: 20 
      }, { 
       type: 'column', 
       pointWidth: 20 
       // total number of column's have been shortened for brevity 
      }, { 
       type: 'spline' 
      }] 
     }); 
    }); 
</script> 

Мой график удрал динамическую таблицу, которая изменяется на основе различных функций на странице, это ведущий столбец, который для дат (показано в qtip и ось x), и с этим я испытываю трудности.

В таблице «MainContent_GridView1» содержится первый столбец, который представляет собой даты из базы данных, а остальные столбцы предназначены для различных требований FTE. Но, в сущности, таблица будет выглядеть следующим образом:

<table id="MainContent_GridView1"> 
    <thead> 
     <tr> 
      <th></th> 
      <th>nameOfColumn</th> 
      <th>nameOfColumn</th> 
      <th>nameOfColumn</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <th>25/12/2015</th> 
      <td>columnData</td> 
      <td>columnData</td> 
      <td>columnData</td> 
     </tr> 
     <tr> 
      <th>26/12/2015</th> 
      <td>columnData</td> 
      <td>columnData</td> 
      <td>columnData</td> 
     </tr> 
    </tbody> 
</table> 

В строке 1 выше в настоящее время формирует QTIP на парении и оси х 12 января 2 2017 (он складывает то, что он думает, что это месяцы и на достигая 12 приращений, добавляет еще один год).

В строке 2 он генерирует 12 февраля 2017 года (по той же причине, как указано выше)

Идеальным решением было бы установить глобальный параметр так Highcharts поэтому он будет либо рассматривать все даты, как установлено локали (как генерируются данные, отправленные в таблицу) или, альтернативно, постоянно устанавливают формат всех дат в Великобритании.

Большое спасибо

elboffor

Answer 1

Edit для получения данных в нужном вам формате. Вы можете установить формат в разделе data.dateFormat. Это позволит вам рассказать старшие диаграммы о том, каков ваш формат даты ваших значений.

Допустимые варианты включают в себя:

• гггг-мм-дд
• дд/мм/гггг
• мм/дд/гггг
• дд/мм/ГГ
• мм/dd/YY

Я не вижу, чтобы вы определяли формат даты. Вам необходимо использовать Highcharts.dateFormat или ваш xAxis.labels.format. Это можно сделать на ваших подсказках или на ваших осях (и на любой этикетке). Вы можете установить это нравится:

xAxis: { 
    type: 'datetime', 
    tickInterval: 7 * 24 * 36e5, // one week 
    labels: { 
     format: '{value: %d/%m/%Y}', 
     align: 'right', 
     rotation: -30 
    } 
},