IcCube 报告中的重叠标签
Overlapping Label in IcCube Reporting
我遇到条形图中标签重叠的问题。
轴标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等),但似乎没有考虑间距。
有什么方法可以使标签保持适当的间距,或者实际旋转它们?
更新1:
应用建议的设置后,我得到的是:
标签已旋转但不适合小部件。
我尝试更新边距,但没有得到积极的结果。
小部件字段中没有选项,但您可以使用 "On Widget Options" 挂钩旋转这些标签。
您可以在 "Hooks" 选项卡上找到它。
"On Widget Options" hook 使用这个函数:
function(context, options, $box) {
for (var i = 0; i < options.categoryAxis.guides.length; i++) {
options.categoryAxis.guides[i].labelRotation = 30; // rotation angle
}
return options;
}
可以检查指南的可用字段here
自定义代码
结果
更新:
您可以使用以下代码行更改上边距:
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;
}
我遇到条形图中标签重叠的问题。
轴标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等),但似乎没有考虑间距。
有什么方法可以使标签保持适当的间距,或者实际旋转它们?
更新1:
应用建议的设置后,我得到的是:
标签已旋转但不适合小部件。 我尝试更新边距,但没有得到积极的结果。
小部件字段中没有选项,但您可以使用 "On Widget Options" 挂钩旋转这些标签。
您可以在 "Hooks" 选项卡上找到它。
"On Widget Options" hook 使用这个函数:
function(context, options, $box) {
for (var i = 0; i < options.categoryAxis.guides.length; i++) {
options.categoryAxis.guides[i].labelRotation = 30; // rotation angle
}
return options;
}
可以检查指南的可用字段here
自定义代码
结果
更新: 您可以使用以下代码行更改上边距:
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;
}