12

私のグラフは日ごとのデータを表示しています(ユーザーとシステムが送信した SMS/ニュースレター)。したがって、時間の部分は関連性がなく、不要です。以下に例を示します: http://jsfiddle.net/uaxZP/1/ここで、時刻 "12:00" が表示されます。

ハイチャートで「日時」軸に時間部分を表示しないようにするにはどうすればよいですか?

EDIT : ハイチャートは、チャートまたは画面サイズに基づいて、時間なしで日付を表示します。一部のデータを削除してjsfiddleを更新しましたが、時間部分も表示されるようになりました。

4

2 に答える 2

12

x軸ラベル関数をインターセプトして、その出力を変更できます。私の例では、短い日付をレンダリングするように変更しました。

http://jsfiddle.net/uaxZP/3/

{ xAxis: 
    labels: {
        formatter: function() {
             return Highcharts.dateFormat("%b %e", this.value);
        }
    }
}

xAxis.labels.formatterプロパティを使用すると、これを制御できます。また、日付をレンダリングするためのユーティリティ関数であるHighcharts.dateFormatを使用していることに気付くかもしれません。これは必須ではありませんが、優れた組み込み機能です。xAxisフォーマッタのドキュメントは次のとおりです。

http://www.highcharts.com/ref/#xAxis-labels--formatter

于 2012-07-09T14:40:35.693 に答える
12

最も簡単な方法は、「minTickInterval」を使用することです

xAxis: {
       minTickInterval: 24 * 3600 * 1000
}

http://api.highcharts.com/highcharts#xAxis.minTickInterval

于 2012-10-10T19:31:27.667 に答える