xaxis 上的最后一个标签在 Highcharts 中部分消失答案

【问题标题】：The last label on xaxis disappears partly in Highchartsxaxis 上的最后一个标签在 Highcharts 中部分消失
【发布时间】：2020-02-19 09:06:49
【问题描述】：

当我强制 Highcharts 在 xaxis 上显示最后一个标签时，最后一个标签被部分隐藏或部分消失：

这是为什么呢？我能做什么？在 »chart« 设置中设置 »marginRight« 并不能解决问题。

感谢任何提示。

【问题讨论】：

嗨@luftikus143，你能在一些在线代码编辑器中显示问题吗？你可以从：jsfiddle.net/BlackLabel/6m4e8x0y
@ppotaczek：终于到了the fiddle
嗨@luftikus143，谢谢你的例子。可能这是一个 Highcharts 错误。是否需要启用endOnTick 选项？
@ppotaczek：如果没有解决方法，那么我必须停用 endOnTick，但这看起来很奇怪，因为显示的不是 2020 年，而是 2016 年，尽管数据一直持续到 2019 年。感谢您查看这个！

标签： highcharts label axis axis-labels

【解决方案1】：

你可以为最后一个标签设置align: 'right'属性：

      chart: {
          events: {
              render: function() {
                  var ticks = this.xAxis[0].ticks;

                  Highcharts.objectEach(ticks, function(tick) {
                      if (tick.isLast && tick.label.xy.opacity) {
                          tick.label.attr({
                              align: 'right'
                          });
                      }
                  });
              }
          }
      }

现场演示： https://jsfiddle.net/BlackLabel/tv5f0x2a/

API 参考： https://api.highcharts.com/class-reference/Highcharts#.objectEach%3CT%3E

【讨论】：

【解决方案2】：

这可能是图表容器宽度太小，或者图表本身太小。

你应该试试：

您是否尝试过更改图表宽度？ https://api.highcharts.com/highcharts/chart.width
尝试使图表的容器更宽

【讨论】：