Jquery 高级图表中的Json数据

iam使用列高图表显示一些数据。iam使用ajax调用返回json数据

[{"department":"DESIGNING","Present":8,"Total":44},{"department":"SEO","Present":0,"Total":1},{"department":"COORDINATION","Present":1,"Total":2}]

我创建了一个包含硬编码值的高位图表，如下所示

$(function () {
    function visitorData(data) {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Attendance Today'
            },
            subtitle: {                
            },
            xAxis: {
                categories: [
                    'Designing',
                    'SEO',
                    'CO-Ordinator'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'No.of Employees'
                }
            },
            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: 'Present',
                data: [5, 10, 15]

            }, {
                name: 'Total',
                data: [20, 30, 40]

            }]
        });        
    }   
});

$（函数（）{
函数visitorData（数据）{
$（“#容器”）。高图({
图表：{
类型：“列”
},
标题：{
正文：“今天的出席人数”
},
副标题{
},
xAxis：{
类别：[
"设计",，
“搜索引擎优化”，
“协调员”
]
},
亚克斯：{
分:0,，
标题：{
正文：“雇员人数”
}
},
工具提示：{
headerFormat:“{point.key}”，
pointFormat:“{series.name}:”+
“{point.y:.1f}mm”，
页脚格式：“”，
分享：是的，
useHTML:true
},
打印选项：{
专栏：{
点填充：0.2，
边框宽度：0
}
},
系列：[{
姓名：'现在'，
数据：[5,10,15]
}, {
名称：'总计'，
数据：[20,30,40]
}]
});        
}   
});

---

现在，我想动态地将json数据包括到high chart中，而不仅仅是硬编码。我如何才能做到这一点？

首先，您将创建一个表示要发送回的数据的对象：

型号

public class AnObject
{
    public string Department { get; set; }
    public int Present { get; set; }
    public int Total { get; set; }
}

public class MyData
{
    public List<AnObject> MyObjects { get; set; }
}

然后通过javascript或jQuery调用操作，并将结果传递给

visitorData

函数

Javascript/jQuery

var aUrl = '@Url.Action("GetData")';

$.getJSON(aUrl, {}, 
  function (data) {
                    visitorData(data);
 });

---

我怎样才能同时向“x轴”和“系列”提供数据……现在我只是硬编码了data@AfterGlow您可以采用与上述相同的方法，只需创建这些对象即可。由于数据以json的形式返回，因此将它们设置为getJson结果中的变量。模型使用哪种语言？javascript？@ShiJieTio模型服务器端是c#，当它到达客户端时是json。您需要获取json并解析以获得正确的数据形式。

var aUrl = '@Url.Action("GetData")';

$.getJSON(aUrl, {}, 
  function (data) {
                    visitorData(data);
 });