JQuery Highcharts - 米国のフォーマットで取得された日付ではなく、英国ではない

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要件があります。しかし、本質的にはテーブルは次のようなものになります。行1現在、上記の場合

<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> 

はホバーと12のx軸上のQティップを生成し、2017年1月2日を（それが何それは考えていることに応じヶ月とされているアップ追加します12の増分に達すると、もう1年が追加されます）。それは2017年2月12日を生成行2について

（前述と同様の理由のために）理想的なソリューションは、ロケールによって設定され、それはすべての日付を処理するかにHighchartsようグローバルオプションを設定することであろう（テーブルに送信されるデータがどのように生成されるか）、あるいは英国にすべての日付のフォーマットを永久に設定します。

多くのおかげであなたが必要な形式でデータを取得するための

elboffor

Answer 1

編集。 data.dateFormatセクションでフォーマットを設定できます。これはあなたの値のあなたの日付形式が何であるかをハイチャートに伝えることを可能にします。

有効なオプションは、以下が挙げられる：

• YYYY-MM-DD
• DD/MM/YYYY
• MM/DD/YYYY
• DD/MM/YY
• ミリメートル/ dd/YY

日付の書式を定義している場所はどこにも表示されません。 Highcharts.dateFormatまたはxAxis.labels.formatを使用する必要があります。これはあなたのツールチップや軸ラベル（実際にはどのラベルでも）で行うことができます。あなたは好きなように設定することができます応答@wergildため

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