In our previous blog we have learn how to create a KPI card widget (https://www.helicalinsight.com/card-visualization-with-subcharts/). We have a version of KPI card widget wherein we can also show things like current value, and below that its change with other set of values. In this blog we will learn how to do the same.
After dragging a measure, you now need to select Visualization → Card → Trend.
Let us assume that you have created a Card widget like this which is showing a Travel Cost card as shown below by clicking on “Trend”.

Now go to Marks by clicking on the 3 dots next to Visualization.
Then you can add a field in the Details. In this case we have added a field called as Mode_Of_Payment

Trend: Right now the values which are appearing are absolute values. That means the cost of travel is Total and then below that it is showing a table breakdown according to the various Mode_of_Payment (field which was dragged in the Details section).

Table Records: Right now you could see that the table below card widget showed 2 values. By changing the values here, it can show more values also. By putting value as -1 it will show all the values.
Trend Prefix: The Trend Prefix option allows you to add custom text before the trend value displayed on a Card visualization. In the shown image, the Trend feature is enabled and the Trend Prefix is set to “of”, which helps provide better context when comparing trend values with categories such as payment types.
Position: Position setting gives flexibility to align this prefix text based on design preference — Start, Center, or End. In this case, the position is set to Center
Then from Field select Trend option. You can then enable Percentage. There are also other options like Prefix, Suffix, Icons (images, SVG) and many other Formatting properties which are present which can be used. To read about the various Formatting properties click here.
There are a lot of other customizations like color palette, data format, caching, axis, drill down, drill through etc which can also be used. You can refer to our other blogs to learn about the same.
Reach out on support@helicalinsight.com in case of any more questions.
