highcharts - Highcharts - 数据标签被切断

Question

我拿了一个示例 jsfiddle 并在此处对其进行了修改，以展示我所经历的示例：http: //jsfiddle.net/pMwuv/

这是我的实际数据标签代码的样子：

dataLabels: {
enabled: true,
align: 'left',
verticalAlign: 'top',
style: {
    color: 'black'
},
formatter: function () {
    if (this.x == 19) {
        return this.y + '<br>units left';
    };
}
}    

我在面积图上看到的是最后一个数据标签被切断了。有没有办法增加容器的宽度或添加某种类型的填充以显示完整的标签？

仅更改标签的 x 和 y 位置不适用于我的面积图。我自定义了图表，因此只有图表的最后一个点有数据标签，我希望它与最后一个点的右侧对齐，而不是在图表内。

但是如果我们可以让上面的示例小提琴工作，那么同样的解决方案应该对我有用。

Answer 1

您可以像这样添加marginRightchart：

chart: {
           renderTo: container,
           width: 550,
           marginRight: 35 
}

js小提琴。

Answer 2

这不是直接的解决方案，但我建议您将标签放在 yAxis 上：

    yAxis: {
        title: {
            text: 'Units left'
        }
    },

并删除其他属性，只留下enabled: true：

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true
            }
        }
    },

看小提琴

Answer 3

您可以设置spacingRight并添加正确的值。