问如何为本地geojson文件绘制d3条形图

EN

我没能完全解决问题，但有几个建议。希望它有帮助，其他人可以编辑这个或提供更好的答案。

1. d3.layout.stack()没有函数.sort，而是有.values而不是.value
2. 用d3.json加载.geojson文件
3. 您有.append(文本)，并且应该是.append(“文本”)
4. 如果您只是尝试创建条形图，那么我认为不需要堆栈布局

正如Justin指出的，在柱塞上提供的代码中有一些缺陷。此外，您没有正确地使用D3.jsAPI。我建议阅读它们，尤其是关于缩放、轴和选择的内容。

您面临的另一个问题是，您需要将geojson数据转换为有用的平面数组格式--您应该检查两个函数map (将列表映射为list)和reduce (将列表映射为值)。通过使用这两个函数(也是嵌套的)，您可以轻松地从原始数据中创建良好的数据集。

最后，下面是一个基于柱塞的条形图的工作示例，并提供了代码片段：http://plnkr.co/edit/eqJ7AkzWpHO4ZQENkXgy?p=preview

相关的数据处理部分出现在这里，在这里，我从geojson文件中提取一个数据数组和一个标签数组：

d3.json("myfile.geojson", function(res) {
  var data = res.features.map(function(d){
    return d.properties.profit;
  });
  var labels = res.features.map(function(d, i){
    return i;
    // return d.properties.nga;
  });

  barchart(500, 500, data, labels);
});

其余代码处理的是正确显示条形和轴。这段代码现在可以很容易地被堆叠的区域图或饼图所代替。