ハイチャートX軸に日付を指定して日付と時刻を指定する

Question

x軸に 'from'と 'to'の日付値を指定した日付を入力する方法はありますか？

基本的に、ユーザーはHTML Webインターフェイスで「開始日」と「終了日」を入力します。 24/08/2011 - 28/08/2011

これは、ユーザーが[グラフの表示]ボタンを押したときに値がjQueryを使用してキャッチされるHTMLテキストフィールドを介して行われます。

x軸が「開始日」の2日前に開始し、「終了日」の2日後に終了するスプライン・チャートを作成したいとします。

は、したがって、上記の例では、ユーザーが用意されています

from -> 24/08/2011 
to -> 28/08/2011 

ので

x-axis start -> 22/08/2011 
x-axis ends -> 30/08/2011 

を、私はまた、それに対応する日付として表示された24時間の間隔を持っていると思います。

| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
| 
|___________________________________________________ 
    |  |  |  |  |  |  |  |  | 
22/08 23/08 24/08 25/08 26/08 27/08 28/08 29/08 30/08 

EDIT：

私は次のコードが見つかりました：

series: [{ 
     type: 'spline', 
     name: 'USD to EUR', 
     pointInterval: 24 * 3600 * 10, 
     pointStart: Date.UTC(<?php echo($year); ?>, 0, <?php echo($day);?>), 
     data: [ 
      0.8446, 0.8445, 0.8444 
    ] 
     }] 

をしかし、私はちょうどHighChartsをする時間間隔を等しくする方法を見つけ出すことはできませんそのため、x軸は次のようになりますデータの一部..私は明らかにpointIntervalと関係があります...

24 * 3600は1日の秒数ですが、* 10は何ですか？正確に24時間間隔を表示するにはどうすればよいですか？

Answer 1

以下は参考になる参考資料です。

Highcharts API xAxis

はまた、あなたが出始める助けるためにサンプル jsfiddleを作成しました。


X軸は

xAxis: { 
    type: "datetime", 
    dateTimeLabelFormats: { 
     day: '%m-%d' 
    }, 
    tickInterval: 24 * 3600 * 1000, 
    min: Date.UTC(<?php echo $date_from;?>), 
    max: Date.UTC(<?php echo $date_to;?>) 
} 

基本的には、何これはtickIntervalので、「日時」にX軸の種類を設定して行うことはそれはそれは86400000 millisecondsずつ増加し、またベースのX軸の書式を設定されているのです理解します必要な場合はdate format。
$date_fromと$date_toは、フォーム提出を処理するPHPのようになります。

$date_from = date("Y, m, d",strtotime($_POST['from']) - 2*86400); 
$date_to = date("Y, m, d",strtotime($_POST['to']) + 2*86400);