How to Add Logos as Axes Labels in VitaraCharts?

To add logos as axes labels in VitaraCharts, the dataset must include a column containing tags or links, as these SVG images (logos) will be triggered by the HTML tags or links specified in the attribute. The logos will automatically display on the chart once this column is included in the attribute. Note: The custom logo can only be applied to one attribute in either the category axis or the color by field to ensure proper alignment with the bar.

Example of Dummy Dataset:

Below is a sample dataset with the necessary structure for adding logos as labels:

Now, when dataset is being added we need to convert the 'IMG SRC' into an HTML tag format like this:

In the dataset, you define the height and width of the logos, and these values should be applied as the font size in the editor menu. This ensures that the logos align correctly with the bars on the chart.

Key Steps:

1. Define Logo Dimensions: Specify the height and width of the logos in the dataset.

2. Adjust Font Size: In the editor menu, set the font size to match the height and width values of the logos. This step is essential for proper alignment of the logos with the chart's bars.

By setting the font size according to the defined dimensions, the logos will align properly with the bars, ensuring a clean and accurate display. Here is the screenshot of the logos displayed with the Vitara Column chart.