【问题标题】:Simple Map D3 JSON简单地图 D3 JSON
【发布时间】:2015-04-11 22:01:26
【问题描述】:
我正在尝试在时区世界地图上构建一个等值线。我遇到了这个库,它使在 Topojson 文件上创建 choropleths 变得非常容易,http://code.minnpost.com/simple-map-d3/。
我有两个 JSON 文件:一个是用于创建时区世界地图的 topojson,另一个是用于定义地图颜色和工具提示的简单 JSON。我的问题是我们可以使用简单的地图 D3 库上传两个 JSON 文件吗?还是只支持 topojson 文件?
【问题讨论】:
标签:
json
d3.js
choropleth
【解决方案1】:
我不完全确定您为什么要为此尝试使用两个单独的 JSON 文件,但我相信该库只接受 TopoJSON 文件。
如果您想设置自己的自定义颜色,您可以设置styles 属性,如它们在其中一个示例中所示。您可以将其格式化为 JSON 对象并包含它,只要它符合示例中显示的结构即可,但我不明白您为什么需要为它制作自己的单独文件。
将在 SVG 对象上设置许多样式配置选项。建议对这类事情使用 CSS,但也有直接设置样式的用例。以下是可用的样式:
-
styles:每个地图特征的样式。如果颜色打开,填充将被覆盖。
-
stylesHover: 应用于地图功能悬停状态的样式。
-
stylesBackground:背景容器的样式。
-
stylesLegendContainer:图例容器的样式。
-
stylesLegendTitleText:图例标题文本的样式。
-
stylesLegendText:每个图例项文本的样式。
-
stylesLegendSwatch:每个图例项目颜色样本的样式。
-
stylesGraticule:格线的样式。
-
stylesGlobe:全球风格。