highcharts - ハイチャートのxAxisタイプのxAxisで3つのステップのみ

Question

xAxis で、開始時に 1 つ、中間に 1 つ、最後に 1 つの 3 つのステップのみを取得する方法はありますか。いろいろ試してみましたxAxis.labels.stepsが、信頼できる結果が得られませんでした。

xAxis タイプが であることに注意してくださいdatetime。

Answer 1

それを達成するには、少なくとも 3 つの方法があります (これらは自動的に行われます)。

1. 使用tickPositioner（最高のIMHO）：ティックを設定する場所を決定するための完全なアクセス権があります（例：[min, average, max]）。

2. 用途tickPixelInterval: チャートの幅が固定されていて、間隔が ncie の倍数 (0 - 1 - 2、または 100 - 200 - 300 など) の場合にのみ有用です。

3. 使用tickInterval: xAxis の範囲 (0 ～ 10 など) がわかっている場合にのみ役立つため、設定できます。tickInterval: 5

そして、jsfFiddle と比較: http://jsfiddle.net/FQ68Y/3/

Answer 2

tickPositions オプションまたは tickPositioner 関数を使用してこれを行うことができます。

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

tickPositions: [0, 1, 2]

または次のようなもの：

 tickPositioner: function () {
            var positions = [],
                tick = Math.floor(this.dataMin),
                increment = Math.ceil((this.dataMax - this.dataMin) / 2);

            for (; tick - increment <= this.dataMax; tick += increment) {
                positions.push(tick);
            }
            return positions;
        }