graph - Highchartsグラフは、完全に左から始まり、完全に右で終わる必要があります

Question

Highchartsを使用して、グラフをY軸のラベルのすぐ隣から開始し、X軸が終了する場所で終了させたいと思います。下のリンクでわかるように、左側に多くの間隔があり、右側に多くの間隔があります。

現在の状況の例

Answer 1

のカテゴリを使用しているため、これは不可能ですxAxis。カテゴリのラベルとポイントは、常にカテゴリの中央に設定されます。したがって、最初と最後のカテゴリには、取り除きたいギャップがあります。削除してみてくださいcategories、スペースがなくなっているはずです。

これはバグや問題ではなく、機能です。

xAxisカテゴリではなく通常の軸を使用するように変更し、カスタムラベルを使用しformatterて、数値の代わりに目的の値を表示することができます。

または、ポイントでデータオプションを使用して、それをに渡すこともできますformatter。

Answer 2

  Highcharts.Axis.prototype.init = (function (func) {
     return function (chart, userOptions) {
            func.apply(this, arguments);
            if (this.categories) {
                this.userCategories = this.categories;
                this.categories = undefined;
                this.labelFormatter = function () {
                return this.axis.userCategories[this.value];
            };
      }
     };
    }(Highcharts.Axis.prototype.init));

結果を参照http://jsfiddle.net/xaeSN/2/

Answer 3

上記の解決策または受け入れられた回答には問題がありました。グラフにマウスオーバーすると、ツールチップにラベル名ではなくx軸のインデックスが表示されます。以下のソリューションSOリンクの問題を修正し、リンクを添付しました。

jsfiddle.net/mkpasala/3s0prgau/14/