CSS不应用于行图表

我试图在我的行图表上隐藏轴。就像这个问题。但无论我做什么，我都无法修改样式

当我尝试使用

#您的行图表svg g g.axis.x{display:none；}

，但它不应用于我的图表

这是我的css

div.dc-chart.sampleId.scrolled-row-chart svg g.axis{display:none；}

不知道我错在哪里。它可以正常工作，直到修改我的行图表样式的div.dc-chart.sampleId.scrolled row chart

以下是预期结果。我通过在Chrome上手动编辑css来删除样式。我甚至将HTML选择器复制到css以确保指向正确的元素，但它仍然不起作用

---

您是否尝试直接编辑SVG？如果不可能，请检查您的样式是否位于比您要覆盖的样式更高的层（）

尝试在css中添加：：ng deep prefix

为发布重复问题的答案表示歉意。我知道这是违反网站规则的，但我认为这有助于人们的谷歌搜索，我正在努力抵制“我找到了答案，但它对我不起作用”的FUD

正如其他人所评论的，没有运行的示例很难进行测试。所以我从一开始

我尝试添加CSS

.dc-chart#test svg g g.axis { display: none; }

而且效果很好。也许你的CSS选择器太具体了

我也试过了

chart.margins({left: 0, top: 0, right: 0, bottom: 0});

这也奏效了

没有轴的屏幕截图，只是为了让我悲伤的重复答案更有趣：

请创建MCV，