我正在寻找一些指导或示例,了解如何在 d3.js 中制作地理图表。 我需要类似 this one 的东西在谷歌图表中,并转向 d3.js 因为我需要一些定制。到目前为止,我找到的最接近的 d3.js 样本是 this但是那里的代码很长,我希望找到更简单的东西。
最佳答案
您在寻找等值线图吗?这是一个 recent example in 28 lines of code .
此示例使用默认投影 d3.geo.albersUsa ,这是美国包括阿拉斯加、夏威夷和波多黎各的综合预测。如果你想改变可见区域,你可能还想改变投影; d3.geo.albers适用于分区统计图,因为它是等面积的。 albers 投影可让您设置 origin这样您就可以专注于全局的特定部分,并且所有投影都允许您指定 scale和 translate在屏幕上定位 map 。
如果你想显示一张世界地图,我也会看一下正在进行的开发 extended projections plugin .这增加了许多有用的 map 投影,特别是对于世界地图,例如 Winkel Tripel . D3 的下一个版本还将包括一些令人兴奋的新功能,例如任何投影的三维旋转(包括经线切割;尝试 dragging this example )、adaptive resampling和改进的剪裁。
至于为等值线着色,您当然可以通过将“填充”样式重新定义为数据的函数来为地理特征着色。
关于javascript - d3.js 中的地理图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12648032/