目的是展示出上一年整年每月的輿情數量，由於前面幾個月確實沒資料，所以看起來圖表有些奇怪

最終效果如下：

資料庫表結構如下：

我們根據CrawlDate 爬取輿情的時間欄位去處理。

sql語句如下：

select year(CrawlDate) as 年,
month(CrawlDate) as 月,
count(*) as 數量,
WebSite
from Information
where year(CrawlDate)=2017
group by Website, year(CrawlDate), month(CrawlDate)

執行結果：

後臺controller，沒有使用sql語句而是另外一種：

  public class crawl
        {
            public string name;
            public int[] data;
        }
 

        /// <summary>
        /// 獲取輿情走勢
        /// </summary>
        /// <returns></returns>
       
        public ActionResult getCrawl()
        {
            //int  myYear = DateTime.Now.Year-1;
            using (BaseDataDbContext db = new BaseDataDbContext())
            {
                var q = db.Informations;//.Where(u=>u.CrawlDate.Year.Equals("2017"));
                var sums2 = from emp in q
                            where emp.CrawlDate.Year.Equals(DateTime.Now.Year - 1)//查詢去年的資料
                            group emp by new { emp.WebSite, emp.CrawlDate.Year, emp.CrawlDate.Month } into g
                            select new { Peo = g.Key, Count = g.Count() };
                List<crawl> list = new List<crawl>();

                List<SelectListItem> s = ShiJianService.GetYqjcType();
                for (var j = 0; j < s.Count; j++)
                {
                    crawl c = new crawl();
                    c.name = s[j].Text;
                    int[] nums = new int[12] { 0,0,0,0,0,0,0,0,0,0,0,0 };
                    foreach (var item in sums2)
                    {
                        if (item.Peo.WebSite == s[j].Text)
                        {
                            nums[item.Peo.Month - 1] = item.Count;
                        }
                        else
                            continue;
                    }
                    c.data = nums;
                    list.Add(c);
                }
               
 
                string str = JsonConvert.SerializeObject(list, Formatting.Indented);
                return Content(str);
          
            }
            
        }
 

查詢結果如圖：

前臺圖表展示程式碼：

 function getCrawl() {
           
            $.ajax({
                type: 'GET',
                url: '/Account/Base/getCrawl',
                ajaxCache: true,
                datatype: 'json',
                
                success: function (datas) {
                    //console.log(datas);
                    var _obj = JSON.parse(datas);
                    //console.log(_obj);
                    // console.log(_obj);
                    var  mydate =new Date();
                    var lastyear = mydate.getFullYear() - 1;
                         
                     var chart = Highcharts.chart('container4', {
                         title: {
                             text: lastyear+'年輿情走勢圖'
                         },
                         subtitle: {
                             text: '資料來源：輿情繫統'
                         },
                         xAxis: {
                             categories: getMonth()
                         },
                         yAxis: {
                             title: {
                                 text: '輿情數量'
                             }
                         },
                         legend: {
                             layout: 'vertical',
                             align: 'right',
                             verticalAlign: 'middle'
                         },
                         plotOptions: {
                             series: {
                                 label: {
                                     connectorAllowed: false
                                 },
                                 //pointStart: 2010
                             }
                         },
                         series: _obj,
                         responsive: {
                             rules: [{
                                 condition: {
                                     maxWidth: 500
                                 },
                                 chartOptions: {
                                     legend: {
                                         layout: 'horizontal',
                                         align: 'center',
                                         verticalAlign: 'bottom'
                                     }
                                 }
                             }]
                         }
                     });


                },
                error: function (ret) {

                    // 此處放失敗後執行的程式碼
                    console.log(ret);

                }
            });
           

        }