HighchartsのX軸の日付を取得する標準的な方法はありますか?ドキュメントで見つけることができません:http : //www.highcharts.com/ref/#xAxis--type
時間範囲が十分に広い場合、日付が表示されます。ただし、時間範囲が十分に大きくない場合は、次のように時間だけが表示されます。
これは理想的ではありません...この場合に日付と時刻を表示できれば、それは素晴らしいことです。誰か知ってる?
HighchartsのX軸の日付を取得する標準的な方法はありますか?ドキュメントで見つけることができません:http : //www.highcharts.com/ref/#xAxis--type
時間範囲が十分に広い場合、日付が表示されます。ただし、時間範囲が十分に大きくない場合は、次のように時間だけが表示されます。
これは理想的ではありません...この場合に日付と時刻を表示できれば、それは素晴らしいことです。誰か知ってる?
回答:
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
。これらは利用可能なパターンです:
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats
Highcharts APIからこのサンプルを確認してください。
これを交換
return Highcharts.dateFormat('%a %d %b', this.value);
これとともに
return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);
機能についてはこちらをご覧くださいdateFormat()
。
も参照してください-tickIntervalおよびpointInterval
dateFormat
受け入れは:github.com/highcharts/highcharts/issues/...
あなたはこのように書きます:
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%d %b %Y' //ex- 01 Jan 2016
}
}
他の日時形式も確認してください
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats