在 d3 正交过渡图中更改水彩颜色

Question

我是 D3 的新手，这是我向 Whosebug 提出的第一个问题。

在这个包含过渡的示例中，我试图更改水的颜色： http://bl.ocks.org/mbostock/4183330

我可以更改此示例中的颜色，它是静态的：http://bl.ocks.org/mbostock/3757125

我找到了这个帖子：How can I color ocean with topojson in d3 when I have coordinate info for land? 然而，这也会改变地球以外的区域。

这部分代码似乎是样式，但我不知道要添加什么来改变水的颜色。

c.fillStyle = "#bbb", c.beginPath(), path(land), c.fill();
c.fillStyle = "#f00", c.beginPath(), path(countries[i]), c.fill();
c.strokeStyle = "#fff", c.lineWidth = .5, c.beginPath(), path(borders), c.stroke();
c.strokeStyle = "#000", c.lineWidth = 2, c.beginPath(), path(globe), c.stroke();

此外，看到下面的代码行，我在网上搜索了可能的 topojson 特征的参考列表 and/or 可能表示水的对象，也许我可以弄清楚如何设置它的样式，但不能'找不到一个：

land = topojson.feature(world, world.objects.land),

我想知道这是否与 canvas（我不太了解）有关。

希望我忽略了一些明显的菜鸟式的东西。

非常感谢！

Answer 1

哈！当然：

修改这一行：

c.strokeStyle = "#ccc", c.lineWidth = .5 * ratio, c.beginPath(), path(globe), c.stroke();

为此：

c.fillStyle = "#000", c.beginPath(), path(globe), c.fill();

我觉得很傻，但我想有时需要把它全部写出来才能让脑细胞点击。谢谢！

在 d3 正交过渡图中更改水彩颜色

Change water color in d3 orthographic transition map

orthographic

d3.js

topojson