jquery - X 軸に日付の月を表示するハイチャート

Question

面グラフを使用して、過去 7 日間のデータを表示するグラフを作成しようとしています。

過去 7 日間のハイチャートを x 軸に動的に表示する方法はありますか?

形式: 6 月 2 日、6 月 3 日など

Answer 1

xAxis の日時を作成し、毎日の値を渡してから、xAxis の最小値を最後のポイントから 7 日前に設定してみませんか?

以下は何をすべきかの例です:

HighCharts の最も重要なリンク:リファレンス

どのようにデータを取り込み、HighCharts に送信しているかはわかりません。あとはあなた次第です。主なことは、リファレンス ドキュメントを読むことです。HighCharts は非常に強力で、高度にカスタマイズ可能です。また、時間ベースのデータ セットがある場合は、渡すデータが時系列になっていることを確認してください。ごちゃごちゃした値をレンダリングするのに失敗することはありませんが、奇妙に見え、集団ヒステリーを引き起こします。

Answer 2

var x = new Array();

for(i=0;i<30; $i++)
       {
         x[i]="June "+x[i];
       }

/* チャート オブジェクト */

chart = new Highcharts.Chart({
        chart: { },
        .
        .
        xAxis: {
           categories: x
        }
});

x 軸配列を定義する前に、highchart チャート関数を呼び出して使用します。