jQPlot icon indicating copy to clipboard operation
jQPlot copied to clipboard

Animation in meterGauge chart

Open roycebautista opened this issue 9 years ago • 6 comments

I would like to request an enhancement to the existing meterGauge chart.

The desired enhancement is a needle animation effect similar to this: http://bl.ocks.org/msqr/3202712

It doesn't have to be exactly like that, just a simple animation to give the experience of a moving needle as the values increases or decreases.

Thanks.

roycebautista avatar Jul 31 '15 03:07 roycebautista

Good idea ! Planned into 1.0.10.

svandecappelle avatar Jul 31 '15 08:07 svandecappelle

Cool idea! Could use something like this as well. Will D3.js become a dependency for jqPlot for this feature?

johanbove avatar Aug 03 '15 10:08 johanbove

I don't think so. The bar chart already has animation without dependency on D3.js.

roycebautista avatar Aug 03 '15 11:08 roycebautista

D3 is a svg building library. JQplot builds HTML5 canvas.

This is two different way to builds charts on the web. If we would like to integrate D3 features, we need to rewrite a new build system using SVG.

svandecappelle avatar Aug 04 '15 14:08 svandecappelle

Since this is an old post.. Has this already been implemented ? how can we animate the needle in the meter gauge. Dint find any reference about it online..

vkaranat avatar Sep 28 '17 09:09 vkaranat

Not yet implemented because of complexity to rebuild chart on each animation. Canvas animations needs to rebuild a location on the canvas chart. Doing that means that cleared region need to be rebuilt. My try to animate it causes performances issues.

I study an alternative to this point.

svandecappelle avatar Sep 29 '17 08:09 svandecappelle