1

X Axis Tick Label の日時形式を、ユーザーの選択に応じMM/dd/yyyy HH:mm:ssて変更する必要があります。 javascriptを使用してこれを達成するにはどうすればよいですか?MM/dd/yyyy

4

3 に答える 3

5

次のコード（ASP.NET）で tickInterval を動的にしました。

tickInterval : <%=IsHourly?1:24 %> * 3600 * 1000,

同じロジックを使用してツールチップを変更しました。

于 2012-06-13T08:42:40.680 に答える
2 
xAxis : {
            type : 'datetime',
            gridLineWidth : 1,
            gridLineColor : '#F2F2F2',
            lineColor : '#FF0000',
            tickInterval : 3600 * 1000,
            dateTimeLabelFormats : {
                second : '%H:%M',
                minute : '%H:%M',
                hour : '%H:%M',
                day : '%e',
                week : '%e',
                month : '%e',
                year : '%e'
            }
        },

dateTimeLabelFormatsオプションを参照してください。これを使用して x 軸の目盛りラベルを変更できます。

もっと明確にする必要がある場合はお知らせください。

編集 ：

その他の API リファレンスは、Highcharts のサイトにあります。

デモ

EDIT 2：わかりましたので、動的に変更する必要がある場合は、最初に必要な形式をString計算に基づいて保存します。など
のようなものです。 次に、チャートをレンダリングするときに、他の必要なオプションとともに次のように配置します。var labelFormat = '%H:%M'
dateTimeLabelFormats

dateTimeLabelFormats : { labelFormat }

そして、redraw()メソッドを呼び出して完了です。

注意してください：私はこのコードをテストしていません。

于 2012-06-13T08:18:48.067 に答える