$(function () { var item; $.ajax({ type: "post", url: "/Monitor/Day/", success: function (data) { if (data != "") { item = data.split(","); alert(item); //chart.xAxis.categories = [item]; //alert(chart.xAxis.categories); } } }); var chart = Highcharts.Chart({ chart: { renderTo: "container", type: "column" }, title: { text: "Used Space C,D,E,F:Lable Data" }, subtitle: { text: "Source: WorldClimate.com" }, xAxis: { categories: item //["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] }, yAxis: { min: 0, title: { text: "Rainfall (mm)" } }, 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:.1f} mm</b></td></tr>", footerFormat: "</table>", shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: [{ name: "Tokyo", 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] }, { name: "New York", data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3] }, { name: "London", data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2] }, { name: "Berlin", data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] }] }); }); 下面是我的控制器代码 [HttpPost] public string Day() { string dayTime = string.Empty; DateTime dt = DateTime.Now; for (int i = 0; i < 31; i++) { DateTime localtime = dt.AddDays(i); dayTime += localtime.Day.ToString() + ","; } StringBuilder str = new StringBuilder(); string[] sss = dayTime.Split(",".ToArray(), StringSplitOptions.RemoveEmptyEntries); for (int i = 0; i < sss.Length; i++) { str.Append("""); str.Append(sss[i]); str.Append("""); str.Append(","); } string value = str.ToString().TrimEnd(","); return value; } |
|
不是Y轴是X轴
|
|
前台没必要差分成数组,后台返回的string可以这样写
string value = "[" + str.ToString().TrimEnd(",") + "]"; 前台: xAxis: { categories: eval(item) } |
|
40分 |
MVC你也可以用ViewBag啊,在Controller返回视图前,定义ViewBag.Days=….
然后categories: eval(“@ViewBag.Days”) |
这个要做成无刷新的
|
|
你的构造图表的chart方法要放在ajax的success方法里面去啊,数据还没返回你怎么构造图表呢 |
|
我也遇到了,这样一个一个的赋值一遍,再用就可以了。
var cname = eval(strs[1].split(“,”)); for (var i = 0; i < cname.length; i++) { cname[i] = eval(cname[i]); } |