如何生成折线图答案

【问题标题】：How to generate Line chart如何生成折线图
【发布时间】：2016-01-07 04:45:18
【问题描述】：

我正在尝试使用 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 的示例............

【问题讨论】：

在线图表库已经绰绰有余..我发现this不错的网站..请在里面搜索
@CerlinBoss 谢谢！！！！！！

标签： jquery arrays linechart

【解决方案1】：

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

将此脚本添加到您的页面。然后绘制图表

【讨论】：

【解决方案2】：

This 是 ASP.NET MVC 以及纯 JavaScript 和 ASP.NET 等其他技术中折线图的一个很好的示例。

【讨论】：