从外部文件到nvd3的JSON数据

时间:2014-10-31 17:22:05

标签: javascript json d3.js nvd3.js

免责声明:我是d3的新手。 手头的问题:将外部JSON文件传递给nvd3 piechart

JSON数据:

[
{
    "Code": "UOU",
    "Result": 8
},
{
    "Code": "HCA",
    "Result": 3
},
{
    "Code": "ACM",
    "Result": 5
},
{
    "Code": "TRG",
    "Result": 1.7
}
]

代码:

var testdata;    
d3.json("../data/testdata.json", function(error, dataSet){
    if(error) return console.warn(error);
    testdata = dataSet;

nv.addGraph function() {
    var width = 500,
        height = 500;

    var chart = nv.models.pieChart()
        .x(function(d) { return d.key })
        .y(function(d) { return d.y })
        .color(d3.scale.category10().range())
        .width(width)
        .height(height);

      d3.select("#test1")
          .datum(testdata)
        .transition().duration(1200)
          .attr('width', width)
          .attr('height', height)
          .call(chart);

    chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });

    return chart;
        }
});

我的问题: 将外部JSON文件绑定/解析为nvd3的最佳方法是什么?

此代码有什么问题?

错误:

  

Uncaught SyntaxError:意外的令牌功能(可能与数据绑定无关,不确定)

0 个答案:

没有答案