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/