如何生成折線圖

我試圖生成使用jQuery MVC線圖..如何生成折線圖

這裏是我的控制器代碼：

List<Dictionary<string, object>> result = null; 

       result = client.GetApiRequest("api/TurnoverPieChart/Get?year=" + year + "&repType=" + repType).Result; 

       System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); 

       StringBuilder pJsonData = new StringBuilder(); 
       foreach (Dictionary<string, object> pData in result) 
       { 
        StringBuilder myJsonString = new StringBuilder(); 
        //Dictionary<int, List<int>> MyObj = (Dictionary<int, List<int>>)pData; 
        Dictionary<string, long[]> MyObj1 = new Dictionary<string, long[]>(); 
        Dictionary<string, string> MyObj2 = new Dictionary<string, string>(); 

        short count = 0; 
        foreach (var pd in pData) 
        { 
         if (count == 1) 
         { 
          long[] arr = ((IEnumerable)pd.Value).Cast<object>() 
           .Select(x => Convert.ToInt64(x.ToString())) 
           .ToArray(); 

          MyObj1.Add(pd.Key, arr); 
         } 
         else 
         { 
          MyObj2.Add(pd.Key, pd.Value.ToString()); 
         } 
         myJsonString.Append(count == 0 ? serializer.Serialize(MyObj2) : serializer.Serialize(MyObj1)); 
         count++; 
        } 
        pJsonData.Append(myJsonString.ToString().Replace("}{", ",")); 
       } 

       string finalJsonData = "[" + pJsonData.ToString().Replace("}{", "},{") + "]"; 

       return View(finalJsonData);

在「finalJsonData」

數據就像

[{"Label":"Solapur","Data":[25836,94698,49,5149,465153,5329,6489371,11169,9369,9369,653149,645149]}]

一切都很好，直到這裏..現在我的問題就像如何處理這個jsondata在我看來生成折線圖。我想在jQuery中使用ajax-call的示例........

來源

2016-01-07 thiru

有足夠多的在線圖表庫 ..我發現[this]（http://google.com）漂亮的網站..請在那搜索 –

@CerlinBoss謝謝!!!!! – thiru

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load('visualization', '1', {packages: ['corechart']}); 
    </script>

將此腳本添加到您的頁面。然後繪製圖表

來源

2016-01-07 05:10:27

This是ASP.NET MVC中折線圖以及其他技術（如純JavaScript和ASP.NET）的一個很好的示例。

來源

2016-01-07 10:27:16

如何生成折線圖

回答

相關問題