highCharts 图表统计控件使用方法

1.首先引用js文件

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

2.

 <div id="container" style="min-width: 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 == )
                {
                    ret.Content = rep.CountnetSign(op, date).Select(e => new { Id = e.Date, Name = e.Count });
                }
                else if (op == )
                {
                    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 :   //按日期分析
                    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 :   //按时段分析
                    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;
        }