Question

以下是geojson文件中的内容

{
"type": "FeatureCollection",
"features": [{
    "type": "Feature",
    "properties": {
        "profit": 326,
        "npa": 174.000000
    }
}, {
    "type": "Feature",
    "properties": {
        "profit": 1762,
        "npa": 1683.000000
    }
}]
}

我将数据存储在myfile.geojson中。我想将此本地geojson文件作为输入，并根据值利润显示饼图。提前致谢

以下是显示饼图的link to fiddle，geojson文件的数据直接存储在变量中并绘制了饼图。

Answer 1

使用d3.json读取geojson。在您的js中，使用以下命令调用d3.json：

d3.json("myfile.geojson", function(error, data) {
    if (error) throw error;
    pie_ready_data = data.features;
    console.log(pie_ready_data)
    // Set up the pie chart
    pie(pie_ready_data);
    // Now draw the DOM objects
});

使用data.features可确保pie变量传递的数组为features

有关完整示例（包括myfile.geojson作为外部数据源），请参阅this Plunk：http://plnkr.co/edit/Kvf3wK3twOGfUhix5yuZ

如何通过提供本地geojson文件作为输入来绘制d3中的饼图

1 个答案: