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

Combine multiple series into one legend item (click event/toggle)

9 Answers 315 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Micah
Top achievements
Rank 1
Micah asked on 06 Aug 2014, 08:06 PM
How do I combine two series into one legend item? I want to place error bars "onto" a stacked area series. Since the stacked area messes up the placement of the error bars, I cannot put them on the same series. But I do want to be able to toggle them off and on together.

9 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 08 Aug 2014, 07:20 AM
Hi,

You can set the visibility of the linked error bar series in the legendItemClick event:
    legendItemClick: function(e) {
      if (e.seriesIndex === 0) {
        e.sender.options.series[1].visible = !e.series.visible;
      }
    }

-- Live demo --

We'd appreciate additional info regarding the initial issue. Perhaps we can fix the error bars themselves.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Micah
Top achievements
Rank 1
answered on 08 Aug 2014, 04:19 PM
Great, this will do the trick. Thank you.

You can see my existing code here

If I try putting the error bars on the area series, it looks like it draws them way out of the chart range. I'm guessing it has something to do with the stacked area before it.
0
T. Tsonev
Telerik team
answered on 11 Aug 2014, 01:12 PM
Hello,

Thanks, we've identified the issue and we'll try to provide a timely fix.

As a token of gratitude for your involvement your Telerik points have been updated.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
T. Tsonev
Telerik team
answered on 11 Aug 2014, 01:29 PM
Hi,

Just a quick follow-up. The issue seems to be fixed in the Q2 release: 
http://dojo.telerik.com/@tsvetomir/Ebel

Can you please confirm?

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Micah
Top achievements
Rank 1
answered on 11 Aug 2014, 04:01 PM
I need the error bars on the shaded series. If I try to move them there, however, it appears that they get pushed up by the stacked area "below" it.

http://dojo.telerik.com/@micah.loffer@beaconcrestconsulting.com/AVOq
0
T. Tsonev
Telerik team
answered on 13 Aug 2014, 11:59 AM
Hello,

This behavior is by design. As the error bar value is bound to a fixed value, we add it on top of the previous series top.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Micah
Top achievements
Rank 1
answered on 13 Aug 2014, 05:39 PM
Is there a way to shade the area between the error bars on a line series?
0
Accepted
T. Tsonev
Telerik team
answered on 14 Aug 2014, 08:17 AM
Hello,

I agree, this would be the cleanest solution. But it would require a series type that we don't have right now - range area.

Please, file a request for this feature on our UserVoice portal if you have minute. This will help us gauge the interest and prioritize.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Micah
Top achievements
Rank 1
answered on 14 Aug 2014, 04:37 PM
Great, thanks!
Tags
Charts
Asked by
Micah
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Micah
Top achievements
Rank 1
Share this question
or