Dynamically disable serie with EnhancedLegendRenderer

[giuly...@gmail.com]

Hi,

I'm quite new to the jqplot's world and I need your help!

I would like to draw a chart with two series and enable series on/off toggling.

I installed the EnhancedLegendRenderer plugin to do so, but now I would like to show the chart with the second series hidden by default: user should click on the legend to see the second chart. 

How can I solve this problem?

Thank you for your help

Giulia

[thien thang phan]

Hi Giuly,

it's an interesting question, I tried to look around on settings for this problem too, and I found that, jqplot didn't support to do that by settings. You have to do it by yourself. 

I was thinking about simple solution is after jqplot created, you trigger click event on the legend which you want to hide it by default.

Take a look on this example: http://jsfiddle.net/JWhmQ/2470/

I used an example of another guy and modify a little bit on it. You will see this block:

var legends = $("td.jqplot-table-legend-label");

for (var i = 0; i < legends.length; i++) {

    if($(legends[i]).text() == "Staff Appearance") {

        $(legends[i]).trigger("click");

    }

}

Hope it help :)

[giuly...@gmail.com]

Thank you for your help, but I solved copying EnhancedLegendRenderer's plugin code:

   var series_to_hide_idx = 1;

   var s = my_plot.series[series_to_hide_idx ];

   s.canvas._elem.hide();

   my_plot.legend._elem.find('td').eq(sidx * 2).addClass('jqplot-series-hidden');

   my_plot.legend._elem.find('td').eq((sidx * 2) + 1).addClass('jqplot-series-hidden');

Bye

Giulia

[thien thang phan]

ywc, great to know a new way ;)

--
You received this message because you are subscribed to a topic in the Google Groups "jqplot-users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/jqplot-users/wY0KeALDejE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to jqplot-users...@googlegroups.com.
To post to this group, send email to jqplot...@googlegroups.com.
Visit this group at http://groups.google.com/group/jqplot-users.
For more options, visit https://groups.google.com/groups/opt_out.

[Siddhartha Chinthapally]

You could also try Series.toggleDisplay

plot.series[series_index].toggleDisplay( { data: {} });

--Sid

[Purva Chimanpure]

Hi,

Is there any option for horizontal scrollbar on jqplot chart?

[burakerk]

thien thang phan

$(legends[i]).trigger("click");

brilliant idea, saved my days. Thank you very much.

[Larry Martell]

It would be nice if you quoted some of the post you are replying to to
give this some context. I have no clue what this refers to.

[saini...@gmail.com]

Hi Thien thang phan

Thanks a lot for this post, its working for me. Hiding the bars whichever I want.

But still i am facing some problems, I am using five series in stack bar chart and hiding first series, it is hiding properly but whenever I do mouse hover for series first it is showing bar for series first as well as tool tip.

Actually I am using jqplot with Primefaces.

So could you help me

[saini...@gmail.com]

Hi,

I added EnhancedLegendRenderer's .js in my project and tried with code that you provided but it is not working for me.

I would like to know that what is  my_plot in your code it is id or some thing.

Because I am using jqplot with Primeface so I tried like.

   var series_to_hide_idx = 1;

   var s = PF('myChartId').cfg.series[series_to_hide_idx ];

   s.canvas._elem.hide();

   PF('myChartId').cfg.legend._elem.find('td').eq(sidx * 2).addClass('jqplot-series-hidden');

   PF('myChartId').cfg.legend._elem.find('td').eq((sidx * 2) + 1).addClass('jqplot-series-hidden');

this code give me error something like _elem is not property and find() is not method.

Could you please help me.

Thanks a lot.