This article will help you to:

  • Define when to use a Custom Chart
  • Create a Custom Chart
  • Format correctly the display of a Custom Chart

When to use the Custom Chart?

The Custom chart is particularly useful when you want to combine two types of charts in a same data-visualization. It is often used to display different types of information on the same chart, such as a percentage and a value in thousands of euros.

Create a Custom chart

The Custom chart is available in the widget section on the left side of your page.

You must start by defining the set of metrics you want to display in your widget. In our example, we want to show the sessions and the cost per sessions for each acquisition channel.

To do so, just start by selecting the right metrics and dimensions as usual.

Modify the graphical representation of my columns

Once you have chosen the metrics and dimension, you can change the display of the graph from the "Display" tab. By default, the representation proposed for each metric is an histogram.

You can change the representation of each metric in the "Display" tab, under "Series".

  • Select the metric you want to change.

From now on, you have different possibilities to build your Custom chart. You can:

  • Modify the analysis axis using the "Axis" function.

In our case, we choose to add a scale on the right to display the "average costs per visit" data.

  • Modify the type of graphical representation using the "Plot Type" function.

By default, each metric uses the "Column" representation. Here we choose to use the "Spline" Plot Type to display the average cost in a curve shape.

The "points shape" and "point labels" options allow you to determine shape marks for each metric.

Modify the scales of my Custom chart

Also notice that you can change the scale of your Custom chart.

In the "Display" tab, under "Series", you can modify the minimum and maximum values of each analysis axis. This will be useful when certain axes display too high values for example.

Example

Here's a concrete case: in the graph below, our y-axis values are too large compared to the values of my data.

You can then modify these scales to get a clear graph.

To do so, go to the display tab, under the "Series" category and modify the minimum and maximum values of each analysis axis.

The scales are modified, your graph is optimized!

Did this answer your question?