How to customize igx-legend

[KaushikEDS]

Question

I want to use igx legend in financial charts.
Although I want to customize the design and such. For ex. Adding tooltips, Hide/Unhide from legend, Changing the design of the legend, etc.
I couldn't find it anywhere in the documentation.
I would like a way to manipulate the legend according to my various use cases.

[agoldenbaum]

Hello KaushikEDS,

In order to customize the design of the legend, you will need to provide your own legendItemTemplate for the series of the IgxFinancialChart. The legendItemTemplate property can be found on the series, and so you will need to handle the seriesAdded event of the chart. You can also modify the badge by similarly setting the legendItemBadgeTemplate property of the series.

I am attaching a sample project to demonstrate a modification of the legendItemTemplate of the series in the IgxFinancialChart.

Please let me know if you have any other questions or concerns on this matter.

Sincerely,
Andrew Goldenbaum
Software Developer – Team Lead
Infragistics

demo.zip

[KaushikEDS]

@agoldenbaum

I checked the demo.zip provided and I couldn't understand a few things.

1. What are LegendTemplates and what does resolveLegendTemplate do?
   
2. What are obj and child variables? How can I use them?
   

I want to do the following things in legend -

1. Customize the text displayed in the legend
2. Add custom elements (like the checkbox in the demo.zip)
3. Change the position and orientation of the legend in the chart
4. Customize the badge for legend.