0

やあ。私はこのjsonの結果を持っています：

([{"total": 2797, "date": "13.12"}, {"total": 3252, "date": "14.12"}, {"total": 771, "date": "15.12"}, {"total": 669, "date": "16.12"}, {"total": 2962, "date": "17.12"}, {"total": 1, "date": "19.12"}])

xaxisラベルに日付値を設定したいのですが、設定できません。ヘルプ？

ありがとう！

4

1 に答える 1

1

すべてのシリーズポイントが1日単位で、xAxisの日付形式をday.Monthにする場合は、次のDate.UTC方法を使用して次の操作を実行できます。

Date.UTC(year,month,day,hours,minutes,seconds,millisec)

、、、yearおよびmonthはdayすべて必須です。したがって、その値も取得する必要があります。月は0から始まり、11に進むことに注意してください。

その場合、HighCharts形式のデータは次のようになります。

[Date.UTC(2012, 11, 13), 2797], [Date.UTC(2012, 11, 14), 3252], [Date.UTC(2012, 11, 15), 771], [Date.UTC(2012, 11, 16), 669], [Date.UTC(2012, 11, 17), 2962], [Date.UTC(2012, 11, 18), null], [Date.UTC(2012, 11, 19), 1]

チャートをきれいにプロットするには、現在行っていない12.18の値も設定する必要があります。に設定しましたnull。このチャートはヌルポイント間に線を引きませんが、でそうすることができますconnectNulls。nullを接続する場合は、trueに設定します。デフォルトではfalseに設定されています。

次に、「13.12」のような日付を表示するようにxAxisをフォーマットします。これは、formatterプロパティを使用して行います。フォーマットを取得するには、を使用します'%d.%m'。日付形式のオプションはここにリストされています。

データをHighCharts形式に変換する方法は、ソースによって異なります。複数の方法があります。

デモ

于 2012-12-20T18:14:15.257 に答える