视图报表

function queryloginUser()
{
//报表图
  var loginStartTime=$("#loginStartTime").datebox("getValue"); 
  var loginEndtime=$("#loginEndtime").datebox("getValue");
  var SOURCE =$('#SOURCE').val();
if(loginStartTime=="" || loginEndtime=="")
return;

$.post(JsUtils.getRootPath()+'/report/queryLoginUser.do',{loginStartTime:loginStartTime,loginEndtime:loginEndtime,SOURCE:SOURCE},function(data){

var arrayDate = new Array();//日期
var arrayNum1 = new Array();//小自播数量
var ds;
for (var i = data.length-1; i >=0 ; i--)
{
ds=new Date(data[i].LOGIN_TIME).format("yyyy/MM/dd");
arrayDate.push(ds);
arrayNum1.push(data[i].num);
}
//报表表格图-over
$('#dbgrid2').highcharts({
exporting: {
            enabled:false
},
    lang:{ //中文
    printChart:getLanValue_("report_PrintingCharts"),
            downloadJPEG: getLanValue_("report_DownloadJPGpicture"), 
            downloadPDF: getLanValue_("report_DownloadPDF")  ,
            downloadPNG: getLanValue_("report_DownloadPNGImage"), 
            downloadSVG: getLanValue_("report_DownloadSVGVector") ,
            exportButtonTitle: getLanValue_("report_ExportPictures")
    },
        title: {
            text: getLanValue_("report_UserLogin"),
            x: -20
        },
        subtitle: {
            text: '',
            x: -20
        },
        xAxis: {
            categories:arrayDate
        },
        yAxis: {
            title: {
                text: getLanValue_("report_shenheren")
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: getLanValue_("report_people")
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: getLanValue_("report_loginUser"),
            data: arrayNum1
        }]
    });

});
  }

详细的演示api:http://www.hcharts.cn/demo/index.php?p=10