highcharts在IE10中的兼容性问题!

Question

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

Answer 1

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