Categories: Tutorials

Branding your Charts

Your charts are yours. That’s not exactly the best of ways to start off but then that’s exactly what we are going to talk about right now – branding your charts. So let’s get started. Why should you brand your charts?
  1. You put in a lot of hard work to make the chart, so why wouldn’t you want people to know who the man behind the scenes is?
  2. You work for a company and putting in the company name and logo increases the “brand” visibility, or so they say.
  3. What the heck? The logo looks cool.
So what would you ideally like to do to brand a chart?
  • Place the company logo in a prominent position.
  • Place the company name in well, a prominent position.
  • Lastly and most importantly as well, placing a link somewhere to the company website
Everything that you would like to do can be done with FusionCharts v3.1 now. Here’s what a chart, company-stamped by FusionCharts v3.1 looks like:

XML data source:
<chart yaxisname="”Sales" figure”="" caption="”Top" 5="" sales="" person”="" numberprefix="”$”" useroundedges="”1″" showborder="”0″" logourl="”../Images/InfosoftGlobal_logo.gif”" logoposition="”TL”" logolink="”https://www.infosoftglobal.com”">

…

</chart>
In case you are wondering why are we branding our charts, it’s 3) – “What the heck? The logo looks cool.” You can position the logo anywhere you want, set its alpha, scale it or even link it to your website. To position the logo, you can simply choose from a set of 5 pre-specified positions – we were just simple plain lazy and hence, the default position Want to still add more to the branding? How about having the company-name in the right-click menu with a link to the company website

XML data source:
<chart yaxisname="”Sales" figure”="" caption="”Top" 5="" sales="" person”="" numberprefix="”$”" useroundedges="”1″" showborder="”0″" showaboutmenuitem="”1″" aboutmenuitemlabel="”About" my="" company”="" aboutmenuitemlink="”https://www.mycompany.com”">

…

</chart>
As you can see in the XML examples above, all of what you need to do to brand your charts is fuel some simple attributes in the XML data source. To see more details on how to add a logo to your charts, click here. And to see more details on how to add your company name to the right-click menu, click here. So with all the marketing props required at your disposal, go ahead and let people know – your charts are yours.
Pallav Nadhani

Recent Posts

AI-Powered Documentation for Data Visualization & Analytics

Have you ever spent hours buried in documentation, hunting for a specific piece of code?…

3 weeks ago

Unveiling the Hidden Gems: Top 5 AI Data Visualization Tools for 2024

Do you feel like your data is a cryptic puzzle, locked away from revealing its…

1 month ago

Unleash the Power of AI: Smart Charting for JavaScript Developers

In web development, mastering JavaScript charting libraries is crucial for keeping up with the fast-paced…

2 months ago

Focus on the Magic, Not the Mundane: Ask FusionDev AI is Here!

Ever spend an afternoon neck-deep in documentation, searching for that one elusive code snippet? Or…

2 months ago

FusionCharts 4.0: Elevate Your Data Visualization with New Capabilities

In the dynamic world of data visualization, the need for precision and innovation has never…

2 months ago

How AI is Enhancing the JavaScript Charting Experience in 2024

Are you drowning in data but struggling to find the insights that drive real business…

4 months ago