Styling widget components

Axes allow us to separate metrics into different scales (to ensure visibility of metrics across different ranges of values). In this example, let us add Total Cost and CPI as the metrics in a combo chart, with the dimension as Audience Type from Facebook.

As you notice, Cost and CPI are now on the same scale, and we would need to change CPI to a different scale to make it visible (values of cost for each dimension value are far greater than the values of CPI). To do this, click on 'Style' -> 'Axes' and pull the CPI into the new axis box. There's no limit on the number of axes you can have in a chart.

---

Display Style

Continuing on the same example, let us say we want to visualize total cost as an area instead of as columns. To do this, click on 'Style', hover on the chosen metric, and pick the style that you want to show it in. A chart can have different metrics in all the four available styles.

---

Display Colors

Color coding in widgets is a useful feature that allows users to visually represent data in a meaningful way.

On the same example, let's say we want to view CPI in red color instead of blue. To make this change, click on 'Style', hover on the chosen metric and pick the color that you want to show it in. You can choose different metrics to have the same color too, if you so desire.

Color Coding Limitations

In some instances, the choice of colors is predetermined based on the dimension values, while in others, the user has control over the color and style of their chosen metrics.

For widgets such as the Breakdown, Stacked, and Pie charts, a unique color is assigned to each dimension value, for example, country names like USA, Canada, and Germany. In this case, the user does not have control over the color choice.

However, for other widgets like the Column chart or Timeline, where the color coding depends on a metric, the user can choose the color and style of their selected metrics. This feature provides the user with the flexibility to customize their charts to meet their specific needs.

In the case of Bubble and Heat maps, we do not support color coding, and only one color is used. Similarly, for Funnel charts, the colors are unique per dimension value, as described above.

We hope this information has been helpful in understanding how color coding works in different types of widgets. If you have any questions, please feel free to reach out to our support team.

---

Labels

Labels are useful to see the values of the chosen metrics for each dimension value in a chart. To enable them, click on 'Style', and check the box next to 'Show Labels'.