web-dev-qa-db-ja.com

X軸でハイチャートの日付を取得する方法は？

Highchartsのx軸に日付を取得する標準的な方法はありますか？それらのドキュメントでそれを見つけることができません： http://www.highcharts.com/ref/#xAxis--type

私の時間範囲が十分に大きい場合、日付が表示されます。ただし、時間範囲が十分に大きくない場合は、次のように時間を表示するだけです。

enter image description here

これは理想的ではありません...この場合に日付と時刻を表示できれば、それは素晴らしいことです。誰もが知っていますか？

javascripthighcharts
113
Jeff

Highchartsは、現在のズーム範囲に最適な形式を自動的に見つけようとします。これは、xAxisのタイプが'datetime'である場合に実行されます。次に、現在のズームの単位が計算されます。次のいずれかになります。

  • 第二
  • 分
  • 時
  • 日
  • 週間
  • 月
  • 年

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

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

曜日を「時間」レベルのラベルの一部にしたい場合は、そのレベルのdateTimeLabelFormatsオプションに%dまたは%eを含めて変更する必要があります。これらは利用可能なパターンです：

  • ％a：「月」のような短い平日。
  • ％A：「月曜日」のような長い平日。
  • ％d：月の2桁の日、01〜31。
  • ％e：月の日、1〜31。
  • ％b：「Jan」のような短い月。
  • ％B：「1月」のような長い月。
  • ％m：2桁の月番号、01〜12。
  • ％y：2桁の年、2009年の09など。
  • ％Y：2009などの4桁の年。
  • ％H：24h形式の2桁の時間、00から23。
  • ％I：12h形式の2桁の時間、00から11。
  • ％l（小文字のL）：12時間形式の時間、1〜11。
  • ％M：2桁の分、00から59。
  • ％p：大文字のAMまたはPM。
  • ％P：小文字のAMまたはPM。
  • ％S：2桁の秒、00〜59

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

244
eolsson

これを確認してください sample Highcharts APIから。

これを交換してください

return Highcharts.dateFormat('%a %d %b', this.value);

これとともに

return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);

dateFormat()関数について here を見てください。

- tickInterval および pointInterval も参照してください

30
Bhesh Gurung

次のように書きます：

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}

他の日時形式も確認してください

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

17
Ronniemittal