d3 직교 천이지도에서 수위를 변경하십시오.

Question

저는 D3을 처음 접했고 이것이 stackoverflow에 대한 첫 번째 질문입니다. 내가 전환을 포함이 예에서 물의 색상을 변경하려고

: 나는 정적이 예제의 색상 변경 수 있어요 http://bl.ocks.org/mbostock/4183330

: http://bl.ocks.org/mbostock/3757125

내가 이걸 발견을 thread : 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 기능 및/또는 객체의 참조 목록을 온라인으로 검색,하지만 나오지 않았어 t를 찾을 : 어쩌면이 (난 정말 이해되지 않는) 캔버스 함께 할 수있는 뭔가가 있다면 궁금하네요

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

.

바라건대, 나는 분명하고 멍청한 것을 바라보고 있습니다.

감사합니다.

Answer 1

하! 물론이로

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

:

이 라인을 수정 내가 바보 느낄

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

을, 그러나 나는 때때로 클릭하여 뇌 세포에 대한 모든를 작성하는 걸립니다 같아요. 감사!