Displaying only the First and Last Element Label

Owned by Tim Schauder
Last updated: Sept 13, 2016
1 min read

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;
}