如何使用css隐藏融合图表中的字幕文本

w8biq8rn 于 2023-01-27 发布在其他

关注(0)|答案(7)|浏览(131)

我需要隐藏“融合图表XT试验”的文字，而显示图表。我试图隐藏这使用css，但它没有得到解决。

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

7条答案

在你的CSS文件里写上

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

<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>

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

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

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

对我很有效
div[id^='fc-']〉span〉svg〉定义+ g〉g：第n个子项（26）{显示：无！重要;}

它为我工作，粘贴到您的css文件svg > g[class^='raphael-group-'] g { fill: none !important; }