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

Question

由于我强制 Highcharts 在 x 轴上显示最后一个标签，因此最后一个标签被部分隐藏或部分消失：

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

感谢任何提示。

Answer 1

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

你应该试试：

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

Answer 2

您可以为最后一个标签设置 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

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

The last label on xaxis disappears partly in Highcharts

label

axis

highcharts

axis-labels