2

我在条形图中有重叠标签的问题。

在此处输入图像描述

Axis 标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等),但似乎没有考虑间距。

在此处输入图像描述

有什么方法可以使标签保持适当的间距,或者实际旋转它们?

更新1:

应用建议的设置后,这是我得到的: 在此处输入图像描述

标签已旋转但不适合小部件。我尝试更新边距,但没有得到积极的结果。

4

1 回答 1

3

小部件字段中没有选项,但您可以使用“小部件选项”挂钩来旋转这些标签。

您可以在“Hooks”选项卡上找到它。

“On Widget Options”钩子使用这个功能:

function(context, options, $box) {
    for (var i = 0; i < options.categoryAxis.guides.length; i++) {
        options.categoryAxis.guides[i].labelRotation = 30; // rotation angle
    }
    return options;
}

可以在此处检查指南的可用字段

自定义代码

在此处输入图像描述

结果 在此处输入图像描述

更新: 您可以使用以下代码行更改上边距:

options.marginTop = 88; // Top margin

只需将其添加到“On Widget Options”钩子中:

function(context, options, $box) {
    options.marginTop = 88; // Top margin
    for (var i = 0; i < options.categoryAxis.guides.length; i++) {
        options.categoryAxis.guides[i].labelRotation = 30;
    }
    return options;
}
于 2018-07-09T07:39:08.547 回答