Skip to Content (Press Enter)
OutSystems.com
Personal Edition
Community
Support
Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Jobs
Ideas
Members
Mentorship
User Groups
Platform
Platform
ODC
O11
Search in OutSystems
Log in
Get Started
Back to Forums
Luis Filipe Oliveira
182
Views
11
Comments
Highchart Animation
Question
Charts
Hi,
I have two questions about the graphics, the first is how can a insert animation in the highchart graphics?
The other one is, when i click in the series legend the data disappear from the graphic, how can i achieve that?
Here is a example from highchart:
https://www.highcharts.com/demo/line-labels
I tried to insert in the advancedFormat
Chart{animation: true}
or this in the chartFormat_init
ChartFormat_Init
(
ShowDataPointValues
:
False
,
UseAnimation
:
True
)
and it did not work
Diogo Serra
Staff
Hi Luis,
In order to enable animations you can use the ChartFormat_Init, like you mentioned.
Find attached an oml file exemplifying its usage.
Regarding the series legend, you can override the
plotOptions.series.events.legendItemClick
option in order to accomplish it.
If you're new to using AdvancedFormat,
my post about the charts' widgets
is a good source of information.
Best regards,
Diogo Serra
ChartAnimation.oml
Juan Carlos Elorde
The
UseAnimation
does not work for Pie Charts? Seems nothing is happening.
Ricardo Ferreira
Staff
Hi JC,
Can you provide us your eSpace so we can check what's going on?
Thanks!
Juan Carlos Elorde
Hi Ricardo,
Sorry for the late response. I basically just copied some of the configuration that was done on a sample ITDashboard and HRPulse applications, so I got this:
It just seems that the
UseAnimation:True
does not work on Pie and Bar charts. I used the same setting and it animated my Line chart.
Thanks!
Ricardo Ferreira
Staff
Hi JC,
I see in the screenshot that you are using some AdvancedFormats in your chart.
These can override many chart settings including animations.
Have you experimented
UseAnimation: True
in another pie chart without advanced formats?
Thanks!
Juan Carlos Elorde
Hi Ricardo,
I just did what you suggested but it didn't work. I will try to experiment more later but for now I think I can settle with the current look of it. The animation (or the animation with the advance formatting) will simply make it sweeter (eye candies). :)
Thanks!
Robbie Nati
Hi All,
Any progress on animation for Pie and Bar charts?
Thanks
Cody Ahlquist
Animation still does not work on BarCharts and PieCharts. Any update on why?
Andrew Tabata
Hi Cody
What type of animation you want for your graphics?
This
Oml
in the Forge makes some animation on slice selection on pie charts.
Cheers
Cody Ahlquist
Hi Andrew, I guess I was expecting some form of animation on load like you see with the LineChats not with interacting with the graphs. So if there is not animation effect when the graph initially loads then that makes sense why I don't see anything happening.
1 reply
10 Jul 2015
Show thread
Hide thread
Fábio Pedro
Cody Ahlquist
wrote:
Hi Andrew, I guess I was expecting some form of animation on load like you see with the LineChats not with interacting with the graphs. So if there is not animation effect when the graph initially loads then that makes sense why I don't see anything happening.
https://www.outsystems.com/forge/component-versions/196/HighChartsComponent
With this component, you can indeed have the "load animation" on bar Charts.
Test it at: https://joostlandgraf.outsystemscloud.com/HighChartsDemo/Fiddle.aspx
and add the following code to the fiddle:
chart: {
type: 'bar'
},
plotOptions: {
series: {
animation: {
duration: 2000
}
}
},
Thanks @ J. for the component ;)
Hope it Helps.
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
See the full guidelines
 Loading...