Javascript 在传单上用d3使SVG透明
我正在关注Mike Bostock关于如何通过Javascript 在传单上用d3使SVG透明,javascript,html,d3.js,svg,leaflet,Javascript,Html,D3.js,Svg,Leaflet,我正在关注Mike Bostock关于如何通过d3在传单地图上显示(geo)json 它起作用了——有点像。 当我试图显示这个文件(geoJSON“美国各州”)时,我在地图上看到一个黑色的方块,上面有各州的轮廓 你知道为什么吗?你的样式表可能有问题 的源代码包含以下内容: <style> path { fill: #000; fill-opacity: .2; stroke: #fff; stroke-width: 1.5px; } path:hover { f
d3
在传单地图上显示(geo)json
它起作用了——有点像。
当我试图显示这个文件(geoJSON“美国各州”)时,我在地图上看到一个黑色的方块,上面有各州的轮廓
你知道为什么吗?你的样式表可能有问题
的源代码包含以下内容:
<style>
path {
fill: #000;
fill-opacity: .2;
stroke: #fff;
stroke-width: 1.5px;
}
path:hover {
fill: brown;
fill-opacity: .7;
}
</style>
路径{
填写:#000;
填充不透明度:.2;
冲程:#fff;
笔划宽度:1.5px;
}
路径:悬停{
填充物:棕色;
填充不透明度:.7;
}
您应该使用fill
和fill opacity
属性来满足您的需要。检查样式表。确保添加正确的背景色
property@pistou我应该在哪里添加它呢?请查看您的教程;你有和它一样的@pistou吗。谢谢想写下来作为答案吗?