[解決済み] ハイチャートの日付をX軸に表示するには？

質問

HighchartsのX軸に日付を表示させる標準的な方法はありますか？ 彼らのドキュメントでそれを見つけることができません。 https://api.highcharts.com/highcharts/xAxis.type

時間範囲が十分に広い場合、日付が表示されます。 しかし、時間範囲が十分に大きくないときは、このように時間だけが表示されます。

これはあまり理想的ではありません...この場合、日付と時間を表示できれば最高なんですけどね。 どなたか方法をご存知ですか？

どのように解決するのですか？

Highchartsは自動的に現在のズーム範囲に最適なフォーマットを探そうとします。これは、xAxis が以下のタイプである場合に行われます。 'datetime' . 次に、現在のズームの単位が計算され、それは次のうちの1つである可能性があります。

• 秒
• 分
• 時間
• 日
• 週
• 月
• 年

この単位は、次に軸ラベルのフォーマットを見つけるために使用されます。デフォルトのパターンは

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

もし、日を "hour"- レベルのラベルの一部にしたいのであれば、以下のように dateTimeLabelFormats オプションを変更する必要があります。 %d または %e . これらは利用可能なパターンです。

• %a: 月' のような短い平日。
• A: 'Monday' のような長い平日です。
• %d: 01から31までの2桁の月日。
• %e: その月の日、1 から 31。
• %b: Jan' のような短い月。
• B: 'January'のような長い月です。
• %m: 2桁の月番号、01から12まで。
• %y: 2 桁の年、2009 年は 09 のように。
• Y：2009年のような4桁の年。
• H：24h形式の2桁の時間、00から23まで。
• I：12hフォーマットの2桁の時間、00から11まで。
• l (小文字の L): 1 から 11 までの 12h フォーマットの時間。
• M：2桁の分、00から59。
• %p: 大文字のAMまたはPM。
• P: 小文字の AM または PM。
• %S: 2桁の秒数、00から59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats