javascript - SVG 的 NVD3 样式

Question

需要帮助找到一种方法来设计内部 <rect>的折线图。

这是当前样式

我想要这个

其中可以实现

g.nvd3.nv-wrap.nv-lineChart {
   opacity: 1 !important;
   fill: #f9fafb !important;
}

除此之外，不透明度样式被我认为是 NVD3.js 的默认样式阻止

如何删除/更改 <rect> 的 0 的不透明度？

Answer 1

别担心，我的想法比需要的更复杂。修复很简单

g.nvd3.nv-wrap.nv-lineChart rect {
   opacity: 1 !important;
}