使用d3.tsv在D3.js中复制chropleth
克拉克
我正在尝试使用墨西哥市的topojson文件复制Mike Bostock的chropleth，并使用ID值与多边形匹配的.tsv对其进行着色。
到目前为止，我已经能够显示地图及其多边形，但是我无法根据.tsv文件中的值对其进行实际着色。
我怀疑问题出在此函数中，因为我不完全确定函数中调用.tsv的位置
queue()
.defer(d3.json, "mx5.topojson")
.defer(d3.tsv, "Cosecha.tsv", function(d) { rateById.set(d.id, +d.rate); })
.await(ready);
function ready(error, mx5) {
svg.append("g")
.attr("class", "mx4")
.selectAll("path")
.data(topojson.feature(mx5, mx5.objects.mx4).features)
.enter().append("path")
.attr("class", function(d) { return quantize(rateById.get(d.id)); })
.attr("d", path);
svg.append("path")
.datum(topojson.mesh(mx5, mx5.objects.Estados, function(a, b) { return a !== b; }))
.attr("class", "Estados")
.attr("d", path);
}
这是我的一个环节要点，在这里一到我的topojson墨西哥直辖市
任何帮助将不胜感激
满足
您的代码期望县通过prop进行索引id，例如rateById.set(d.id, +d.rate)。
但是，您的tsv称它们为"Mun"，如
"Mun" "rate"
"01001" 350058.5
"01002" 224305
"01003" 132115
因此更改d.id为d.Mun（在2个地方）或重命名"Mun"
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
D3.js - 如何使用内联 JSON 作为 D3 图表的数据集，而不是 csv/tsv/json 文件
- 2
D3使用数组中的数据
- 3
D3中的自定义排序tsv生成的表
- 4
D3 TSV色谱柱访问
- 5
在d3中重叠
- 6
使用d3 js在phant中绘制json数据
- 7
在D3中的函数文字中使用“ d”？
- 8
使用d3 js的水平条形图
- 9
使用Package JS的Dart D3系列
- 10
如何使用D3插件设置rollup.js？
- 11
使用Package JS的Dart D3系列
- 12
使用Sinon测试D3中的Mouseover事件
- 13
如何使用函数在D3中绑定数据
- 14
使用d3中的箭头连接形状
- 15
在D3中使用画笔设置初始缩放
- 16
使用d3中的数据绑定创建轴
- 17
何时使用持续时间与d3中的延迟
- 18
使用变量访问D3中的嵌套JSON键
- 19
在D3中的.html（）中使用角度函数绑定
- 20
在D3中使用画笔设置初始缩放
- 21
在d3中的变量中使用SVG属性
- 22
在D3中使用画笔设置初始缩放
- 23
D3使用对象数组从键中获取值
- 24
使用d3中的箭头连接形状
- 25
使用d3在树中添加列表或垂直tspan
- 26
使用d3修改HTML中的SVG
- 27
li在ul中的索引，但使用D3，而不是Jquery
- 28
使用d3更改点击事件中的数据
- 29
D3 js线重叠节点
我来说两句