2014-10-27 92 views
-2

这是一个基本的折线图javascript, 如何动态设置系列值? C#编程语言和JSON 框架:MVC 4 Highcharts - 基本线www.highcharts.com/demo从mvc控制器返回json

$(function() { 
     $('#container').highcharts({ 
      title: { 
       text: 'Monthly Average Temperature', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: 'Source: WorldClimate.com', 
       x: -20 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
      }, 
      yAxis: { 
       title: { 
        text: 'Temperature (°C)' 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080' 
       }] 
      }, 
      tooltip: { 
       valueSuffix: '°C' 
      }, 
      legend: { 
       layout: 'vertical', 
       align: 'right', 
       verticalAlign: 'middle', 
       borderWidth: 0 
      }, 
      series: [{ 
       name: 'Tokyo', 
       data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
      }, { 
       name: 'New York', 
       data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
      }, { 
       name: 'Berlin', 
       data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
      }, { 
       name: 'London', 
       data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
      }] 
     }); 
    }); 

如何使用JSON 从控制器获取数据,我想这种格式

'Mondo24', [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], 
'Tavolartegusto', [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5], 
'Diggita', [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0], 
'Adnkronos', [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
+0

你问你如何序列化一个对象为JSON并从控制器返回它? – 2014-10-27 12:13:02

+3

小心:-D请告诉我们您尝试过什么,哪些不能正常工作,以便我们提供适当的建议。 – 2014-10-27 12:13:23

+0

你的数据对象目前看起来像什么?你有什么尝试?它是返回JSON数据的格式还是行为,您遇到了问题?请添加更多关于此问题的详细信息,以便社区可以为您提供帮助。 – pwdst 2014-10-27 12:40:04

回答

1

为您的数据结构创建模型

class SomeClass{ 
    string name; 
    float[] data; 
} 

控制器

public ActionResult SomeAction(){ 

    List<SomeClass> someClassList = new List<SomeClass>(); 

    // fill someClassList 

    // return list as json 
    return Json(someClassList); 
} 
+1

这是正确答案,代码+1和简短但充分的解释。 @K D,你应该试试这个,简单地设置一系列你收到的数据。 – AlexanderBrevig 2014-10-27 13:02:36

+0

我会尽我所能。 – 2014-10-27 13:05:56

+0

Hai帮帮我,怎样才能解决这个问题 – 2014-10-27 18:10:02

0

如果你想从控制器返回此JSON,你需要的是返回JSON(OBJ),其中obj是,你需要序列图。

+2

用一个代码示例扩展你的答案将会真正提高帖子的质量。 – gunr2171 2014-10-27 13:00:35

+0

伙计,帮帮我吗? – 2014-10-27 18:08:57

+0

AliRiza的答案可以,并且更完整。 – gabomgp 2014-10-27 20:12:30