How can I stop renderplot from blinking?

[ttzz]

I am implementing a live plot that updates it self using renderplot and reactivepoll. My problem is that when the plot gets complicated, it blinks in between render plots. (The first plot becomes lighter, and after half a second, the second plot shows.) I'm wondering if there is a way to make it not blink. For example, make the original plot stay there until the next plot is fully rendered and then make the second plot appear. I have tried using print(plot,newpage=F), it improved the performance a lot but it still blinks.  

[Winston Chang]

What browser are you using? Also, does this happen when you try it on other browsers?

On Fri, Feb 20, 2015 at 10:08 AM, ttzz <zhao....@gmail.com> wrote:

I am implementing a live plot that updates it self using renderplot and reactivepoll. My problem is that when the plot gets complicated, it blinks in between render plots. (The first plot becomes lighter, and after half a second, the second plot shows.) I'm wondering if there is a way to make it not blink. For example, make the original plot stay there until the next plot is fully rendered and then make the second plot appear. I have tried using print(plot,newpage=F), it improved the performance a lot but it still blinks.  

--
You received this message because you are subscribed to the Google Groups "Shiny - Web Framework for R" group.
To unsubscribe from this group and stop receiving emails from it, send an email to shiny-discus...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/d9f4a636-3aa7-4792-881a-38f41d561f23%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Greg L]

Try converting your plots to an image and then outputting that image? Not exactly sure what you're talking about without an example, but I solved what may be a similar problem like this.

[Joe Cheng]

Add this CSS somewhere in your UI:

tags$style(type="text/css", "#output_id.recalculating { opacity: 1.0; }")

where output_id should be replaced by the output ID of the plot in question.

--

You received this message because you are subscribed to the Google Groups "Shiny - Web Framework for R" group.
To unsubscribe from this group and stop receiving emails from it, send an email to shiny-discus...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/2749a33e-b7f9-494d-b9b6-183d4c00b824%40googlegroups.com.

[Greg L]

thanks, this helped me out as well. and I think it's exactly what OP was looking for.

[Joe Cheng]

Just to be clear about what this is doing:

We consider it a feature, that Shiny makes partially transparent any output that is being recalculated. This is so that when the user moves a slider to a new value, they don't mistake an old plot output for the correct updated value.

This style tag just undoes that effect by overriding the rule that we put in for lowering the opacity, specifically for a single input. You can also remove the "#output_id" section if you want to override this effect for ALL outputs in a Shiny app.

To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/83be7a96-8681-4c1d-8c86-ee2fd3690e7a%40googlegroups.com.

[dnros...@ucdavis.edu]

Hi Joe,

This CSS line for renderPlot was helpful, but I also need help preventing the blinking in a renderLeaflet plot. Do you have a suggestion for what the CSS line should be? Currently, the following is not working:

box(width = 1100,title="Map", solidHeader=TRUE, status="success", leafletOutput("mymap", height =450, width = 1100 ),

                         tags$style(type="text/css", "#mymap.recalculating { opacity: 1.0; }")

                     ) 

I have a feeling it might be the type = "text/css" should be something else for leaflet, but would really appreciate if you or anyone has any ideas!

[Joe Cheng]

Hmmm, maybe try 1.0 !important instead of 1.0 for the opacity.

To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/bcbe65d4-e688-40f6-b075-c0926d3768a5%40googlegroups.com.

[Danielle Rosenberg]

Tried tags$style(type="text/css", "#mymap.recalculating { opacity: 1.0 !important; }") but still didn't stop the blinking. Any other ideas?