highstock - Highstock チャートで 24 時間制から 12 時間制に切り替える方法は?

Question

株価チャートにはhighstockを使用しています。現在、xAxis データは日中の 24 時間形式です。xAxis の日中データを 12 時間形式で表示したいと考えています。

Highstock チャートで 24 時間を 12 時間に変換する方法を教えてください。dateTimeLabelFormats を試してみましたが、うまくいきませんでした。

前もって感謝します。

Answer 1

私のように遅れて来る人（2年後）は、これを試してください：

tooltip: {
  xDateFormat: "%A, %b %e, %I:%M%p"
},
xAxis: {
  dateTimeLabelFormats : {
    hour: "%I %p"
  }
}

これがJSFiddleです：http://jsfiddle.net/4tat369x/

複数のシリーズがあり、ツールチップを共有している場合は、グラフの種類に合わせて dataGrouping dateTimeLabelFormats を変更する必要があります。折れ線グラフの場合は次のようになります。

plotOptions: {
  line: {
    dataGrouping: {
      dateTimeLabelFormats: {
        millisecond: ["%A, %b %e, %H:%M:%S.%L%p", "%A, %b %e, %I:%M:%S.%L%p", "-%I:%M:%S.%L%p"],
        second: ["%A, %b %e, %I:%M:%S%p", "%A, %b %e, %I:%M:%S%p", "-%I:%M:%S%p"],
        minute: ["%A, %b %e, %I:%M%p", "%A, %b %e, %I:%M%p", "-%I:%M%p"],
        hour: ["%A, %b %e, %I:%M%p", "%A, %b %e, %I:%M%p", "-%I:%M%p"],
        day: ["%A, %b %e, %Y", "%A, %b %e", "-%A, %b %e, %Y"],
        week: ["Week from %A, %b %e, %Y", "%A, %b %e", "-%A, %b %e, %Y"],
        month: ["%B %Y", "%B", "-%B %Y"],
        year: ["%Y", "%Y", "-%Y"]
      }
    }
  }
}