Javascript 访问复杂的json数据

web api调用的

#cfhttp.FileContent#

正在生成以下输出：

[
    {
        "date": "2013-12-08",
        "open": {
            "Webmail": 6717,
            "Phone": 8086,
            "Other": 1224,
            "Tablet": 2374,
            "Desktop": 1967
        }
    },
    {
        "date": "2013-12-09",
        "open": {
            "Webmail": 15213,
            "Phone": 18445,
            "Other": 2968,
            "Tablet": 3944,
            "Desktop": 5014
        }
    },
    {
        "date": "2013-12-10",
        "open": {
            "Webmail": 432,
            "Phone": 403,
            "Other": 39,
            "Tablet": 115,
            "Desktop": 106
        }
    }
]

我想知道，是否可以访问网络邮件、电话、平板电脑等来绘制下面JSFIDLE中提到的amchart：

---

是的，我们可以用json访问它的孩子。 你只需要跑一圈。 我试过一个演示，希望你能得到一些帮助

var图；
变量图例；
var json=[
{
“日期”：“2013-12-08”，
“开放”：{
“网络邮件”：6717，
“电话”：8086，
“其他”：1224，
“平板电脑”：2374，
“桌面”：1967年
}
},
{
“日期”：“2013-12-09”，
“开放”：{
“网络邮件”：15213，
“电话”：18445，
“其他”：2968，
“平板电脑”：3944，
“桌面”：5014
}
},
{
“日期”：“2013-12-10”，
“开放”：{
“网络邮件”：432，
“电话”：403，
“其他”：39，
“平板”：115，
“桌面”：106
}
}
];
var chartData=[]；
for（var i=0；i[[value]]（[[percents]]]%”）；
//写
chart.write（“chartdiv”）；
});

您看过coldfusion图表cfchart标记吗？我不想使用cfchart标记，而是使用amchart。

var chart;
var legend;

var json = [
        {
            "date": "2013-12-08",
            "open": {
                "Webmail": 6717,
                "Phone": 8086,
                "Other": 1224,
                "Tablet": 2374,
                "Desktop": 1967
            }
        },
        {
            "date": "2013-12-09",
            "open": {
                "Webmail": 15213,
                "Phone": 18445,
                "Other": 2968,
                "Tablet": 3944,
                "Desktop": 5014
            }
        },
        {
            "date": "2013-12-10",
            "open": {
                "Webmail": 432,
                "Phone": 403,
                "Other": 39,
                "Tablet": 115,
                "Desktop": 106
            }
        }
    ];
 var chartData = [];
        for (var i = 0; i < json.length; i++) {
            chartData.push({
                "date":json[i].date,
                "webmail":json[i].open.Webmail
            });
        }



AmCharts.ready(function () {
    // PIE CHART
    chart = new AmCharts.AmPieChart();
    chart.dataProvider = chartData;
    chart.titleField = "date";
    chart.valueField = "webmail";
    chart.outlineColor = "#FFFFFF";
    chart.outlineAlpha = 0.8;
    chart.outlineThickness = 2;
    chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";

    // WRITE
    chart.write("chartdiv");
});