NVD3 SVG样式

时间:2018-01-02 04:32:14

标签: javascript css svg charts nvd3.js

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

这是目前的风格 Current style

我想要这个 Future style

可以实现

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

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

Inspect

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

1 个答案:

答案 0 :(得分:1)

不用担心,我认为比想要的更复杂。修复只是

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