/
Displaying only the First and Last Element Label

Displaying only the First and Last Element Label

This article describes how to hide all but the first and the last element labels using CSS.

Step-by-Step-Guide

Insert the following CSS code in the "custom.css" of your application and change the chart name (<ChartName>) to the actual one from your application.

#<ChartName>_control .barLabels 
{
    display: none;
}

#<ChartName>_control .barLabels:first-child,
#<ChartName>_control .barLabels:last-child 
{ 
    display: block;
}

Related content