highcharts在IE10中的兼容性问题!

在开发highcarts的柱形图过程中,由于X轴的值过多,本人想做成旋转45°显示,设置了rotation:-45;在IE8,9,Fire fox 中都可以正常显示,但是在IE10中页面效果完全不正常,求高手解答???

你可以尝试设置 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'
        }
    }
}