【问题标题】:How to hide credits text in fusion charts using css如何使用css在融合图表中隐藏学分文本
【发布时间】:2018-06-09 15:33:57
【问题描述】:

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

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

【问题讨论】:

  • 你应该买这个产品。
  • 除了购买还有什么办法吗?? @JeroenHeier

标签: css fusioncharts


【解决方案1】:

在你的 CSS 文件中写

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

【讨论】:

  • 这合法吗?我阅读了他们的许可证,但找不到任何相关内容
【解决方案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>

享受违法;)

【讨论】:

    【解决方案3】:
    1. 简单编辑您的 fusioncharts.js
    2. 找到fontSize:9,fontFamily:"Verdana,sans"
    3. 将字体大小 9 设置为 0

    【讨论】:

      【解决方案4】:
      [pointer-events="bounding-box"] {
          display: none
      }
      

      【讨论】:

      • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
      • 嗨,我很高兴看到帮助中心链接。当我试图从我的页面的不同图表中隐藏水印时,我发现了这个解决方案,并注意到这个属性在所有图表中都很常见。所以,我想与大家分享代码。再次,我会努力提高我的写作技巧。
      【解决方案5】:
      var item = document.body.querySelector('.raphael-group-423-creditgroup');
      item.parentNode.removeChild(item);
      

      【讨论】:

      • 虽然此代码 sn-p 可能是解决方案,但 including an explanation 确实有助于提高您的帖子质量。请记住,您是在为将来的读者回答问题,而这些人可能不知道您提出代码建议的原因。
      【解决方案6】:

      它对我有用

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

      【讨论】:

      猜你喜欢
      • 2012-06-05
      • 2021-07-13
      • 1970-01-01
      • 2010-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-09-25
      • 2012-03-30
      相关资源
      最近更新 更多