我遇到条形图中标签重叠的问题。
轴标签中的设置似乎是正确的,因为其他设置确实会影响渲染(粗体等..),但似乎没有考虑间距。
有什么方法可以使标签保持适当的间距,或者实际上旋转它们?
更新1:
标签已旋转但不适合小部件。 我尝试更新边距,但没有得到积极的结果。
最佳答案
小部件字段中没有选项,但您可以使用“小部件选项” Hook 旋转这些标签。
您可以在“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” Hook 中即可:
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;
}
关于iccube - IcCube 报告中的重叠标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51237194/