2013-08-27 15 views
1

我试图将一些数据绑定到topojson地图。 到目前为止,我已经能够绘制美国的地图,每条路径都由id:state name标记。 现在我想要做的就是将外部csv上的数据绑定到地图上,以便根据csv(aka cloropleth)中的值显示色调的每种状态。 我一直在寻找导游,但我没有知识没有理解迈克·博斯托克的站点之一,所以我试图用颜色像这样的功能绑定:将csv数据绑定到topojson路径 - cloropleth

.attr("fill", "rgb(0, 0, " + Math.round(d.value * 255/d3.max(d, function (d) {return d.value; })) + ")") 

,但它不”工作。 该页面位于此处:http://www.dropbox.com/s/w2pe4omn895vt83/usa_malattie.html

注释掉最后一部分,使用csv加载,为工具提示显示地图,加载csv数据时也消失。 如何解决此问题的任何帮助将不胜感激,在此先感谢!

编辑:CSV看起来是这样的:

id,value 
"Kentucky",207.4 
"Mississippi",200.5 
"West Virginia",196.6 
"Louisiana",196.4 

的topojson这样的:

{"type":"Topology","transform":{"scale": 
0.011125945304891298,0.005248969801868182], 
"translate":[-178.21759836236586,18.92178634508703]}, 
"objects":{"usa":{"type":"GeometryCollection", 
"geometries":[{"type":"MultiPolygon","id":"Hawaii", 
"arcs":[[[0]],[[1]],[[2]],[[3]],[[4]],[[5]],[[6]]], 
"properties":{"STATE_NAME":"Hawaii"}}, 

链接的CSV:http://dl.dropboxusercontent.com/u/37967455/usa_malattie/death_parse.csv 链接,topojson:http://dl.dropboxusercontent.com/u/37967455/usa_malattie/usatopo.json

+0

您可以发布一些简化版本的_topojson_和_csv_文件吗? –

+0

当然,我现在编辑第一篇文章 – tomtomtom

+0

另请参阅:[如何将属性添加到topojson文件?](http://stackoverflow.com/questions/18444261/) – Hugolpz

回答

1

您可能请尝试以下命令:

topojson -o final.json -e death_parse.csv --id-property=id -p STATE_NAME,color=+value -- usatopo.json 
+0

是啊我想合并文件在一个topojson,但我想学习如何加载CSV,所以它可能有相同的根据需要映射并加载不同的csvs – tomtomtom