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

您可以将marginRight添加到chart，如下所示：

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

jsFiddle

Answer 2

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

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

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

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

See the fiddle

Answer 3

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

Highcharts - 数据标签被切断

3 个答案: