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

使用Highcharts，我想让我的图形直接从Y轴标签旁边开始，并在x轴结束的地方结束。正如您在下面的链接中所看到的，它从左侧和右侧的大量间距开始

---

这是不可能的，因为您正在为

xAxis

使用类别。类别的标签和点总是设置在类别的中间。因此，第一类和最后一类存在您想要消除的差距。尝试删除

类别

，空间应消失

这不是一个bug或问题，而是一个特性

您可以尝试修改

xAxis

以使用普通轴而不是类别，并使用自定义标签

formatter

以显示所需的值而不是数字

---

或者，您可以尝试将数据选项与点一起使用，并将其传递到

格式化程序中
这是不可能的，因为您正在为
xAxis
使用类别。类别的标签和点总是设置在类别的中间。因此，第一类和最后一类存在您想要消除的差距。尝试删除
类别
，空间应消失

  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));

这不是一个bug或问题，而是一个特性

您可以尝试修改
xAxis
以使用普通轴而不是类别，并使用自定义标签
formatter
以显示所需的值而不是数字

或者，您可以尝试将数据选项与点一起使用，并将其传递到
格式化程序中

  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));

见结果

请参见“结果”
当您将鼠标悬停在图形上时，工具提示显示的是x轴的索引，而不是标签名称，上述解决方案或公认的答案存在问题。我用下面的解决方案解决了这个问题，并附加了一个链接

jsfiddle.net/mkpasala/3s0prgau/14/

上述解决方案或公认的答案有一个问题，当您将鼠标悬停在图形上时，工具提示将显示x轴的索引，而不是标签名称。我用下面的解决方案解决了这个问题，并附加了一个链接

jsfiddle.net/mkpasala/3s0prgau/14/

有价值的反馈。我马上就试试。效果很好，我没有意识到这一点。感谢您的完整回复。宝贵的反馈。我马上就试试。效果很好，我没有意识到这一点。谢谢你的完整回复。