How to hide credits text in fusion charts using css

Question

I need to hide "Fusion charts XT trial" text while displaying the chart. I tried to hide this using css but it's not getting solved.

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

Answer 1

In your CSS file just write

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

Answer 2

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

This worked for me and I guess it's simple and will work for all.

You can make it even more specific.

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

Enjoy illegality ;)

Answer 3

1. Simple Edit your fusioncharts.js
2. Find fontSize:9,fontFamily:"Verdana,sans"
3. Set font size 9 to 0

Answer 4

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

Answer 5

It working for me

div[id^='fc-'] > span > svg > defs + g > g:nth-child(26) { display:none !important; }