Legenditems And Switching Off Legend Click Option

[MartinS]

I have noticed in the latest release of the fusion library, each legend item is now shown with the series type, i.e. bars/columns/lines in the series colour to identify it, and if you click any legend item, it hides the series from view without the need to re-draw the chart.

As I understand, this used to be be something that had to be coded for using javascript in earlier releases, and so although it is a good addition, can it be switched off so that the user cannot hide series by simply clicking the legend item?

Also, can you use different indicators for the legend items? I have a line chart where I want specific text in the series colour as the legend item.

Thanks

Martin

[Sanjukta]

Hi Martin,

 

As I understand, this used to be be something that had to be coded for using javascript in earlier releases, and so although it is a good addition, can it be switched off so that the user cannot hide series by simply clicking the legend item?

Please try setting the attribute "interactiveLegend" to '0' in the <chart> element to disable this functionality.

 

This attribute lets you interact with the legend in your chart. When you click a legend key, the data-plots associated with that series are eliminated from the chart. Re-clicking the key causes the data-plots to reappear.

 

Also, can you use different indicators for the legend items? I have a line chart where I want specific text in the series colour as the legend item.

Could you please specify this issue a bit elaborately? More preferably with a screenshot of your requirement.

 

Hope this helps.

[MartinS]

Please try setting the attribute "interactiveLegend" to '0' in the <chart> element to disable this functionality.

 

This attribute lets you interact with the legend in your chart. When you click a legend key, the data-plots associated with that series are eliminated from the chart. Re-clicking the key causes the data-plots to reappear.

Yes, that's exactly what I was looking for - thanks.

 

Could you please specify this issue a bit elaborately? More preferably with a screenshot of your requirement.

I have a line chart showing three series. The series names are FTSE100, FTSE250 and FTSE350. The series colours are blue, yellow and red respectively. I currently have it set up so that the legend label text is fed from the chart names, and by clicking on the label (which is a link button), it sets the visibility of the series to transparent, and sets the link button text to grey, to mimic being disabled. Clicking again does the opposite.

You can see a before and after image below.

What I'd like is to use an interactive legend, but instead of a series identifier and text, just use text. I hope that makes sense?

If you need any further clarification, please let me know.

Martin

[Sanjukta]

Hi Martin,

 

You are welcome.

 

For the second issue, when a <dataset> element is transparent, the Legend of the plot color shows up perfectly. But clicking the legend icon only makes the icon color grey, no data-plots shows up any way.

 

In case you wish to keep the transparent dataset's icon invisible, try giving the same plot color as that of the background (in this case it is White).

 

Please refer to the screenshots of the rendered Multi-series Column2D chart with a transparent dataset.

 

Hope this helps.

 

 

[MartinS]

Thanks.

Will take a look and come back if I have any more questions.

Martin

[Sanjukta]

Hi Martin,

 

You are always welcome.

 

I hope your issue is resolved.

 

Please feel free to revert in case you have any further queries.

[MartinS]

Hi Martin,

 

You are always welcome.

 

I hope your issue is resolved.

 

Please feel free to revert in case you have any further queries.

Hi

I'm not sure I've explained my question very well.

I want to show a legend without a 'symbol' shown for each series, just the series name, but still keep the interactive element.

In my example, my three series (FTSE 100, FTSE250 and FTSE350) want to show as just text, and when clicked, the interactive element will still switch them on/off without the need for me to set the series colour.

I hope I have explained that better.

Martin

[Sanjukta]

Hi Martin,

 

Please try setting the attribute "legendIconScale" to '.001' in the <chart> element to achieve what you intend to.

 

Hope this helps.

[MartinS]

Hi Martin,

 

Please try setting the attribute "legendIconScale" to '.001' in the <chart> element to achieve what you intend to.

 

Hope this helps.

 

That's great. Many thanks.

[Sanjukta]

Hi Martin,

 

You are always welcome.

 

I am glad that your issue is resolved.

 

Happy FusionCharting!