Add External Logo

You can load external logos at runtime which will be displayed on the chart. The logos can be GIF/JPEG/PNG or SWF files that reside on the same sub-domain as the chart.

To add an external logo specify the URL of the logo using the logoURL attribute.

Refer to the code below:

{
    "chart": {
        "logoURL": "https://static.fusioncharts.com/sampledata/images/Logo-HM-72x72.png"
    }
}

The chart will look like as shown below:

FusionCharts will load here..

Click here to edit the above chart.

To configure the external logo, the following attributes are used:

  • Set the transparency of the logo using the logoAlpha attribute.

  • Set the scale (0-300) at run time using the logoScale attribute.

  • Specify the position of the external logo using the logoPosition attribute. You can set initials as values which are - TL: Top-left, TR: Top-right, BL: Bottom-left, BR: Bottom-right, CC: Center.

Refer to the code below:

{
    "chart": {
        "logoURL": "https://static.fusioncharts.com/sampledata/images/Logo-HM-72x72.png",
        "logoAlpha": "40",
        "logoScale": "80",
        "logoPosition": "TR"
    }
}

The chart will look like as shownn below:

FusionCharts will load here..

Click here to edit the above chart.

To add an external link to the logo, specify the external link using the logoLink attribute.

Refer to the code below:

{
    "chart": {
        "logoLink": "N-http://www.fusioncharts.com/"
    }
}

The chart will look like as shown below:

FusionCharts will load here..

In the above chart, click on the logo to visit the external link.

Click here to edit the above chart.

Was this article helpful to you ?