KPI + graph

[Jacob11]

Bonjour,
J'aimerais savoir comment reproduire ce type de graph. J'ai conscience que c'est un indicateur KPI + un graphique en courbe mais je ne sais pas comment combiner les deux, est-ce que vous avez des idées ?

[Daniel_Castella · Accepted solution]

Hi @Jacob11 

You can use a Layout Container and set both charts there one over the other and remove the background for the top one to make it transparent.

1. Create a Layout Container.

2. Inside it, add a line chart with the dimension and measure needed

3. Also, add a KPI chart with the measure needed.

4. On the KPI chart, select Edit Properties -> Appearance -> Presentation -> Styling -> Background Color -> Set the slide to the left

You end with something like this:

You can add or remove the axis, numbers, titles... etc by editing each of the charts inside the Layout Container to have the final picture you need.

Let me know if this works for you.

Kind Regards

Daniel

[Jacob11]

Thanks so much, Daniel, for your reply! It works a treat, just as I wanted!!!

[vighnesh_gawad]

You can also achieve this using a custom Plotly implementation. I had created open-source example that combines a KPI card with a trend or bar chart, which you can use as a reference or adapt to your needs:

https://github.com/vighneshh/plotly-kpi

It demonstrates how to display the KPI and line or bar chart together in a single visual. If it matches what you're looking for, feel free to use or customize it.