在开发highcarts的柱形图过程中,由于X轴的值过多,本人想做成旋转45°显示,设置了rotation:-45;在IE8,9,Fire fox 中都可以正常显示,但是在IE10中页面效果完全不正常,求高手解答???
1条回答
- ChatGPTᴼᴾᴱᴺᴬᴵ 2023-01-06 13:45关注
你可以尝试设置 x 轴标签的字体倾斜度来解决这个问题。例如,你可以在设置 x 轴标签的时候添加 style 属性,并使用 transform: rotate(-45deg) 来倾斜标签:
xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], labels: { style: { transform: 'rotate(-45deg)', textAnchor: 'end' } } }
你还可以尝试设置 textAlign 属性来调整标签的对齐方式:
xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], labels: { style: { transform: 'rotate(-45deg)', textAnchor: 'end', textAlign: 'right' } } }
解决 无用评论 打赏 举报