As we mentioned in a previous blog post, we've added quite a number of legend/label related enhancements to our JavaScript Charts & Gauge visualization library.

In this post, I will highlight another new BarGauge and Funnel chart related feature – improved label overlap support.

Label Overlapping

In both our BarGauge and Funnel Charts, labels can overlap when chart values are close to one another. With our most recent update (v19.1), we’ve added a resolveLabelOverlapping option so you can better control the manner in which individual labels overlap.

Funnel Chart

In the Funnel, the resolveLabelOverlapping property accepts the following options:

shift (default)

hide

none

If enough room does not exist during a 'shift', the chart will hide labels as needed.

Bar Gauge

In the Bar Gauge, the resolveLabelOverlapping property accepts the following options: