highChart的例子

最新推荐文章于 2025-09-05 23:06:29 发布

转载最新推荐文章于 2025-09-05 23:06:29 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/xueptao/blog/782649

文章标签：

#json #python

2019独角兽企业重金招聘Python工程师标准>>>

    //个人个科目的学习时间
    function getStudyTime(){
        $.ajax({
            url:"${ctx}//student/model/getStudyTime",
            type:"POST",
            success:function(data){
                if(data instanceof Object){
                    console.log(data)
                    json = eval(data);

                var studyTimeChart = {
                    chart:{
                        renderTo:'container1',
                        type:'column'
                    },
                    title:{
                        text:''
                    },
                    subtitle:{

                    },

                    xAxis:{


                        /* categories:[
                           '语文',
                        '数学',
                        '英语',
                        '物理',
                        '化学', ], */
                        labels:{
                            style:{
                                fontFamily: '微软雅黑'
                            }
                        },
                    },
                    yAxis:{
                        min:0,
                        title:{
                            text:'科目学习时间(分)',
                            style:{
                                fontFamily: '微软雅黑'
                            }
                        }
                    },
                    legend:{
                        /* layout:'vertical',
                        backgroundColor:'#FFFFFF',
                        align:'left',
                        verticalAlign:'top',
                        x:1,
                        y:3,
                        floating:true,
                        shadow:true, */
                        enabled:false

                    },
                    tooltip:{
                        formatter:function(){
                            return '<b>'+this.series.name+'</b><br/><br/>'+
                        this.x+':'+this.y+'分钟';
                        }

                    },
                    plotOptions:{
                        column:{

                        }
                    },
                    series:[{
                        name:'个人科目学习时间',
                        /* data:[json.sityuwengr.studyTime,data.sitshuxuegr.studyTime,data.sityinyugr.studyTime] */
                        /* data:[50,35,66,70,50] */

                    } ,{
                        name:'平均科目学习时间',
                        /* data:[data.sityuwenpj.studyTime,data.sitshuxuepj.studyTime,data.sityinyupj.studyTime] */
                        /* data:[60,80,50,77,55] */
                    }
                    ],
                    credits: {
       enabled: false
       }
                }

                var i = json.i;
                var xatrnames = [];
                var yvalidatorsgr = [];
                var yvalidatorspj = [];
               for (var j =1 ;j<=i;j++){
                   xatrnames.push([json[j+"name"]]);

                   yvalidatorsgr.push([json[j+"name"],json[j+"gr"].studyTime])
                   yvalidatorspj.push([json[j+"name"],json[j+"pj"].studyTime])
                }
               //alert(xatrnames );
               //alert(xatrnames + yvalidatorsgr);
               //alert(xatrnames + yvalidatorspj);
               studyTimeChart.xAxis.categories = xatrnames
               studyTimeChart.series[0].data = yvalidatorsgr;
               studyTimeChart.series[1].data = yvalidatorspj;
               var chart_validatestatics = new Highcharts.Chart(studyTimeChart);



                }else{
                    console.log(data)
                }

            },
            error:function(e){}
        });