Zen SVG piechart animation

99 views
Skip to first unread message

Paul M

unread,
Jun 15, 2010, 11:11:06 AM6/15/10
to InterSystems: Zen Community
We have a Zen SVG pie chart ( <svgFrame> containing a <pieChart> )
with an onelementClick event
which triggers a refresh of the pie chart data to allow drill down of
data.

Does anyone know if its possible to use the SVG animate functionality
or some alternative within Zen so that the
refresh of the pie chart isn't so abrupt and it instead fades out and
fades back in again?

- Paul

Roberto Cahanap

unread,
Jun 15, 2010, 1:43:42 PM6/15/10
to intersys...@googlegroups.com
What I have done in the past is placed an animated wait gif beside the chart that is the same size as the chart. The animated gif is hidden initially.
 
Before you refresh the chart - hide the chart, show the animated gif, and then refresh the chart. After refreshing the chart, hide the animated gif, then show the chart again.
 
You can play around by doing some SVG animation, but that is too much work. This is an easier solution.
 
-Roberto


--
You received this message because you are subscribed to the Google Groups "InterSystems: Zen Community" group.
To post to this group, send email to InterSys...@googlegroups.com
To unsubscribe from this group, send email to InterSystems-Z...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/InterSystems-ZEN?hl=en
Zen Community Terms and Conditions: http://groups.google.com/group/InterSystems-ZEN/web/community-terms-and-conditions

Roberto

unread,
Jun 15, 2010, 1:54:22 PM6/15/10
to InterSystems: Zen Community
I just wanted to add, that if you are going to hide/unhide elements on
the page, you will need to use the javascript setTimeout function.

-Roberto

On Jun 15, 1:43 pm, Roberto Cahanap <rcaha...@gmail.com> wrote:
> What I have done in the past is placed an animated wait gif beside the chart
> that is the same size as the chart. The animated gif is hidden initially.
>
> Before you refresh the chart - hide the chart, show the animated gif, and
> then refresh the chart. After refreshing the chart, hide the animated gif,
> then show the chart again.
>
> You can play around by doing some SVG animation, but that is too much work.
> This is an easier solution.
>
> -Roberto
>
> On Tue, Jun 15, 2010 at 11:11 AM, Paul M <paul.mitch...@3i-infotech.eu>wrote:
>
>
>
> > We have a Zen SVG pie chart ( <svgFrame> containing a <pieChart> )
> > with an onelementClick event
> > which triggers a refresh of the pie chart data to allow drill down of
> > data.
>
> > Does anyone know if its possible to use the SVG animate functionality
> > or some alternative within Zen so that the
> > refresh of the pie chart isn't so abrupt and it instead fades out and
> > fades back in again?
>
> > - Paul
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "InterSystems: Zen Community" group.
> > To post to this group, send email to InterSys...@googlegroups.com
> > To unsubscribe from this group, send email to
> > InterSystems-Z...@googlegroups.com
> > For more options, visit this group at
> >http://groups.google.com/group/InterSystems-ZEN?hl=en
> > Zen Community Terms and Conditions:
> >http://groups.google.com/group/InterSystems-ZEN/web/community-terms-a...- Hide quoted text -
>
> - Show quoted text -

Paul M

unread,
Jun 16, 2010, 3:55:30 AM6/16/10
to InterSystems: Zen Community
We'll give that a try.

Thanks

- Paul
> > >http://groups.google.com/group/InterSystems-ZEN/web/community-terms-a...Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
Reply all
Reply to author
Forward
0 new messages