highCharts 图表统计控件使用方法

1.首先引用js文件

在引用上面文件时，保证已经引用了jquery.js文件。且位置在上面两个文件之前。

2.

<div id="container" style="min- 400px; height: 400px; margin: 0 auto"></div>

<script type="text/javascript">
    $.post('/Json/JsonSignList/?op=' + $("#op").val() + "&date=" + $("#Date").val(), function (data) {
        var data = data.Content;
        var x = new Array();
        var y = new Array();
        for (var i = 0; i < data.length; i++) {
            x[i] = data[i].Id;
            y[i] = data[i].Name;
        }
        show(x,y);
    });

    function show(x, y) {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: '网报人数直观统计分析图'
            },
            lang:{  //这个是修改是上面 打印 下载的提升为汉字，如果在highcharts.js里面修改 简直累死
                //exportButtonTitle: '导出',
                //printButtonTitle: '打印',
                //exportChart: '导出',
                printChart: '打印',
                downloadJPEG:"下载JPEG图片",
                downloadPDF: "下载PDF文档",
                downloadPNG: "下载PNG图片",
                downloadSVG: "下载SVG矢量图"
            },
            xAxis: {
                //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                categories: x
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                }
            },
            tooltip: {
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="padding:0"><b>{point.y} </b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: '网报人数',
                //data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
                data: y
            }]
        });
    }
    //});  
</script>

 3.Json数据方法

 //图表统计数据
        public ActionResult JsonSignList(int op, string date)
        {
            JsonData ret = new JsonData();
            NetSignRepository rep = new NetSignRepository();
            try
            {
                if (op == 1)
                {
                    ret.Content = rep.CountnetSign(op, date).Select(e => new { Id = e.Date, Name = e.Count });
                }
                else if (op == 2)
                {
                    ret.Content = rep.CountnetSign(op, date).Select(e => new { Id = e.Hour, Name = e.Count });
                }
            }
            catch (Exception ex)
            {
                ret.Success = false;
                ret.ErrorMessage = ex.Message;
            }
            return Json(ret);
        }
    }

public IEnumerable<AnalyseItem> CountnetSign(int op, string date)
        {
            IEnumerable<netSign> data = db.netSign;
            var query = default(IEnumerable<AnalyseItem>);
            switch (op)
            {
                case 1:   //按日期分析
                    query = from p in data
                            group p by new { Date = String.Format("{0:yyyy-MM-dd}", p.Addtime) } into g
                            select new AnalyseItem
                            {
                                Date = g.Key.Date,
                                Count = g.Count()
                            };
                    break;
                case 2:   //按时段分析
                    data = data.Where(e => String.Format("{0:yyyy-MM-dd}", e.Addtime) == date);
                    query = from p in data
                            group p by new { Hour = String.Format("{0:HH}", p.Addtime) + ":00-" + String.Format("{0:HH}", p.Addtime) + ":59" } into g
                            select new AnalyseItem
                            {
                                Hour = g.Key.Hour,
                                Count = g.Count()
                            };
                    break;
            }
            return query;
        }