如何使用CSS隐藏融合图表中的制作人员名单文本

Question

我需要在显示图表时隐藏“Fusion Charts XT 试用版”文本。 我尝试使用 css 隐藏它，但它没有得到解决。

#css
    .raphael-group-423-creditgroup {
          display:none; 

Answer 1

在你的 CSS 文件中写入

svg > g[class^="raphael-group-"] > text{
    display: none;
}

Answer 2

<style type="text/css">
    g[class$='creditgroup'] {
         display:none !important;
    }
</style>

这对我有用，我想它很简单并且对所有人都有效。

你可以说得更具体。

<style type="text/css">
    g[class^='raphael-group-'][class$='-creditgroup'] {
         display:none !important;
    }
</style>

享受非法行为;)

Answer 3

1. 简单编辑您的fusioncharts.js
2. 找到字体大小：9，字体系列：“Verdana，sans”
3. 将字体大小 9 设置为 0

Answer 4

[pointer-events="bounding-box"] {
    display: none
}

Answer 5

它对我有用，请将其粘贴到您的 css 文件中

svg > g[class^='raphael-group-'] g {
     fill: none !important;
}

Answer 6

var item = document.body.querySelector('.raphael-group-423-creditgroup');
item.parentNode.removeChild(item);

Answer 7

它对我有用

div[id^='fc-'] > span > svg > defs + g > g:nth-child(26) { 显示：无！重要； }

Answer 8

使用 d3 库

d3.selectAll("svg g[class$='-creditgroup'] text").attr("style","display: none");