Categories: Tutorials

Branding Your Charts with Custom Themes and Visual Style

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 customize your logo placement by choosing where it appears, adjusting its transparency and size, or even linking it directly to your website. When you design logos, you can select from five predefined positions for easy placement; the default option was simply chosen for convenience.

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

Dashboard Design Best Practices: 12 Tips for Building Effective BI Dashboards

A well-designed dashboard helps users understand complex data quickly, monitor key performance indicators, and make…

1 day ago

What Are the Top Commercial Chart Solutions That Support the Nuxt Framework?

Quick Answer: The best commercial chart libraries for Nuxt include FusionCharts, Highcharts, AnyChart, amCharts, ApexCharts,…

2 days ago

How to Integrate Interactive Charts in Vue 3 Applications (Step-by-Step Guide)

Quick Answer To integrate interactive Vue charts into a Vue 3 application, first create a…

1 week ago

What Is the Best Vue Chart Library for Interactive Data Visualization in 2026?

If you're looking for the best Vue chart library for interactive data visualization, there isn't…

2 weeks ago

How to Integrate React Graphs with JS Grids (2026)

Modern web applications generate and display more data than ever. They create from business dashboards…

4 weeks ago

Interactive Dashboards: Types, Benefits, Examples & Best Practices (2026)

Businesses collect data from multiple sources every day, including sales platforms, marketing tools, customer support…

4 weeks ago