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 link解决了该问题，并附加了链接。

jsfiddle.net/mkpasala/3s0prgau/14/

Highcharts图应完全从左侧开始，并完全向右侧结束

3 个答案: