highchars之IE8浏览器下 X轴文字显示重叠应如何解决

页面为教师端首页查看教师端下各个班级所有学生考试成绩统计曲线图,谷歌浏览器显示如下:

IE8浏览器下,X轴文字重叠,页面显示如下:

 

JS:

function LoadClassAssess(classId) {
        if (classId > 0) {
            $.ajax({
                type: "post",
                url: "/Teacher/HomeManage/GetClassAssessGra/",
                cache: false,
                data: { classId: classId, pageIndex: _pageIndex, newtime: new Date().getTime() },
                success: function (data) {
                    _pageIndex = data.pageIndex;
                    _totalPage = data.totalPage;
                    _currentPage = data.AName.length;
                    //左边按钮样式
                    if (_pageIndex>0) {
                        $(".prev2").removeClass("arrowN").addClass("arrowB");
                    }
                    else {
                        $(".prev2").removeClass("arrowB").addClass("arrowN");
                    }
                    //右边按钮样式
                    if (_totalPage>_pageIndex+_currentPage) {
                        $(".next2").removeClass("arrowN").addClass("arrowB"); 
                    }
                    else {
                        $(".next2").removeClass("arrowB").addClass("arrowN");
                    }
                    //图形加载
                    var chart = new Highcharts.Chart({
                        chart: {
                            renderTo: 'containerAssess',
                            type: 'line',
                            width: 1100,
                            height: 219,
                            marginTop: 35
                        },
                        colors: ['#FF6EC7', '#32CD99', '#24CBE5'],
                        plotOptions: {
                            spline: {
                                lineWidth: 1.5,
                                marker: {
                                    enabled: false,
                                    states: {
                                        hover: {
                                            enabled: true,
                                            symbol: 'square',
                                            radius: 2
                                        }
                                    }
                                }
                            }
                        },
                        title: {
                            text: '',
                            x: -20 //center
                        },
                        subtitle: {
                            text: '',
                            x: -20
                        },
                        xAxis: {
                            labels: {
                                style: {
                                    'fontSize': '10px'
                                }
                            },
                            categories: data.AName//原格式输出@Html.Raw();
                        },
                        yAxis: {
                            title: {
                                text: ''
                            },
                            tickInterval: 50,
                            max: 100,
                            min: 0,
                            plotLines: [{
                                value: 0,
                                width: 1,
                                color: '#808080'
                            }]
                        },
                        tooltip: {
                            valueSuffix: '',
                            shared: true,
                            useHTML: true
                        },
                        series: [{
                            name: '平均分',
                            data: data.Average
                        }, {
                            name: '最高分',
                            data: data.MaxGrade
                        }, {
                            name: '最低分',
                            data: data.MinGrade
                        }]
                    });
                }
            });
        }
    };

 请大神给予技术指导,在此谢过!!!

转载于:https://www.cnblogs.com/fqzhong2007/p/6483175.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值