This is a migrated thread and some comments may be shown as answers.

Custom Visual for Legend in Charts - Padding?

3 Answers 467 Views
Charts
This is a migrated thread and some comments may be shown as answers.
DVS InteleStream
Top achievements
Rank 1
DVS InteleStream asked on 04 Aug 2017, 07:45 PM

Hi,

We are using the custom visual in order to display circles in our legend.

I'm wondering, is there a way to increase padding between each item?  I've adjusted the 'spacing' - but that only controls space between the circle and the label.  I want to adjust space between each item.

Like this:   o Series 1                 o Series 2                 o Series 3

http://dojo.telerik.com/iliGOJ/7

Any suggestions?

3 Answers, 1 is accepted

Sort by
0
EZ
Top achievements
Rank 2
answered on 07 Aug 2017, 04:33 PM

There are probably better solutions; however, you could add a second transparent shape after the text and make it the desired width of the space.

Updated DOJO

0
Accepted
Daniel
Telerik team
answered on 08 Aug 2017, 07:17 AM
Hi,

There is an internal spacing option which controls the distance(example), but since the option is not yet public I would suggest to use the approach that Erik suggested at least for now.

Regards,
Daniel
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
DVS InteleStream
Top achievements
Rank 1
answered on 08 Aug 2017, 07:45 PM
Great solutions, thanks to you both!
Tags
Charts
Asked by
DVS InteleStream
Top achievements
Rank 1
Answers by
EZ
Top achievements
Rank 2
Daniel
Telerik team
DVS InteleStream
Top achievements
Rank 1
Share this question
or