在开发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' } } }
解决 无用评论 打赏 举报
悬赏问题
- ¥15 fluent的在模拟压强时使用希望得到一些建议
- ¥15 STM32驱动继电器
- ¥15 Windows server update services
- ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏
- ¥15 模糊pid与pid仿真结果几乎一样
- ¥15 java的GUI的运用
- ¥15 Web.config连不上数据库
- ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
- ¥15 怎么配置广告联盟瀑布流
- ¥15 Rstudio 保存代码闪退