jqChartでズーム可能なチャートを作成しています。このサンプルのコードを使用しています:
http://www.jqchart.com/samples
問題は、チャートを大幅にズームしているときに、x 軸のラベルが日付から時間に切り替わることです。
ズーム時に(時間だけでなく)実際の日付を表示するにはどうすればよいですか?
jqChartでズーム可能なチャートを作成しています。このサンプルのコードを使用しています:
http://www.jqchart.com/samples
問題は、チャートを大幅にズームしているときに、x 軸のラベルが日付から時間に切り替わることです。
ズーム時に(時間だけでなく)実際の日付を表示するにはどうすればよいですか?
こんにちは、チャートを作成するときにdateTimeAxisOptionsでintervalTypeを指定できます
ここにドキュメントがあり、このようなことができます。これで問題が解決するはずです
axes: [
{
type: 'dateTime',
location: 'bottom',
minimum: new Date(2011, 1, 4),
maximum: new Date(2011, 1, 18),
interval: 1,
intervalType: 'days'
}
]
jqChart 軸ラベルは、計算された日付時間間隔に応じてフォーマットされます。間隔が「時間」になると、ラベルの文字列形式が変更されます。
次の方法で文字列形式を変更できます。
axes: [
{
type: 'dateTime',
location: 'bottom',
labels: { stringFormat: 'm/d/yy' }
}
]
この場合、ラベルは時間になりません。
ここで見つけることができるラベルの書式設定の詳細:
http://www.jqchart.com/documentation/userguide/default.aspx#!LabelsFormatting