我在条形图中有重叠标签的问题。
Axis 标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等),但似乎没有考虑间距。
有什么方法可以使标签保持适当的间距,或者实际旋转它们?
更新1:
标签已旋转但不适合小部件。我尝试更新边距,但没有得到积极的结果。
我在条形图中有重叠标签的问题。
Axis 标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等),但似乎没有考虑间距。
有什么方法可以使标签保持适当的间距,或者实际旋转它们?
更新1:
标签已旋转但不适合小部件。我尝试更新边距,但没有得到积极的结果。
小部件字段中没有选项,但您可以使用“小部件选项”挂钩来旋转这些标签。
您可以在“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;
}