Categories: Tutorials

Branding Your Charts: A Guide to Custom Chart Themes

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

What Is the Best Angular Chart Library in 2026? Top Options Compared

You can build complex web applications easily with Angular. But it’s a challenge to present…

2 days ago

How to Create Interactive JavaScript Charts (Step-by-Step Guide)

JavaScript charts help transform raw data into clear, interactive visualizations that users can easily understand.…

1 week ago

Canvas vs. SVG: Which is Best for JavaScript Charts?

Modern web applications depend on data visualization to transform complex information into clear, actionable insights.…

2 weeks ago

10 Best JavaScript Charting Libraries in 2026 (Ultimate Guide)

Data is a big part of modern software. Companies use charts to track sales, monitor…

2 weeks ago

Data Visualization Tools: Ultimate Guide to Choosing the Best Tools

Every day, businesses get more data than ever before. Looking at endless rows and columns…

3 weeks ago

How to Create Interactive React Charts with FusionCharts

Building interactive React charts from scratch can quickly become complicated. It becomes even more challenging…

3 weeks ago