css Dc.js与行类上的Bootstrap样式冲突[已关闭]

oknwwptz  于 2023-01-18  发布在  Bootstrap
关注(0)|答案(1)|浏览(127)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
7小时前关闭。
Improve this question
我正在使用dc.js/d3.js/crossfilter/bootstrap构建一个 Jmeter 板,但是我在构建一个行图表时遇到了麻烦,这是我所有图表中唯一出现此错误的图表(是的,样式在其他类型的图表中没有冲突)。
下面是jsfiddle的例子,场景完全相同,问题是所有的行都呈现相同的长度,即使组计算正确(你可以在终端上执行groupB.all()来检查)。
这个问题的根源是bootstrap的样式覆盖了rect标签width,我在多次头痛之后才发现,请看图片,在图片中,取消选中.row>*选择器类上的width属性可以解决这个问题。
我无法解决这个问题。我试着用width: revertwidth: initial写样式来覆盖它,什至试着在渲染后用jQuery来移除那个属性,但是无法让它工作。看起来这些方法都和在Chrome检查器上取消选中属性定义不完全一样。
我不能更改任何库版本,因为它是一个大型项目,并且已经使用相同的堆栈构建了其他 Jmeter 板。

eulz3vhy

eulz3vhy1#

您必须用一种常用的方法来解决CSS冲突。

  • 更改样式表加载顺序以调整优先级
  • g.row实施自定义规则,例如width: autowidth: inherit
  • 中断一个库或另一个库以确定选择器的范围(最后的手段)

相关问题