Radar charts


Radar Chart Hide Effect


Hi All,
I was wondering if it was possible to have a hide effect that wipes the radar from the screen in a clockwise or counter clockwise manner.
Any ideas?
Thanks!
Hi,
It should be possible using charting effects, see "Using effects in a radar chart" section at
http://publib.boulder.ibm.com/infocenter/elixent/v3r0/index.jsp?topic=/com.ibm.ilog.elixir.doc/Content/Visualization/Documentation/Flex/Elixir_Enterprise/_pubskel/ps_elixir_corecomponents189.html
The following sample shows an example of a zoom effect applied to a radar chart:
<?xml version=
"1.0"?> <mx:Application xmlns:mx=
"http://www.adobe.com/2006/mxml" xmlns:ilog=
"http://www.ilog.com/2007/ilog/flex"> <mx:Script> <![CDATA[
import mx.collections.ArrayCollection; [Bindable]
public var london:ArrayCollection =
new ArrayCollection([
{Month:
"January", Temperature:39
},
{Month:
"February", Temperature:39.6
},
{Month:
"March", Temperature:42.3
},
{Month:
"April", Temperature:47.3
},
{Month:
"May", Temperature:53.4
},
{Month:
"June", Temperature:59.4
},
{Month:
"July", Temperature:62.6
},
{Month:
"August", Temperature:61.9
},
{Month:
"September", Temperature:57.6
},
{Month:
"October", Temperature:50.5
},
{Month:
"November", Temperature:43.9
},
{Month:
"December", Temperature:40.6
} ]); [Bindable]
public var sydney:ArrayCollection =
new ArrayCollection([
{Month:
"January", Temperature:71.8
},
{Month:
"February", Temperature:71.8
},
{Month:
"March", Temperature:69.8
},
{Month:
"April", Temperature:65.1
},
{Month:
"May", Temperature:59.5
},
{Month:
"June", Temperature:55.2
},
{Month:
"July", Temperature:53.6
},
{Month:
"August", Temperature:55.8
},
{Month:
"September", Temperature:59.5
},
{Month:
"October", Temperature:63.9
},
{Month:
"November", Temperature:67.1
},
{Month:
"December", Temperature:70.2
} ]); ]]> </mx:Script> <mx:SeriesZoom duration=
"1000" elementOffset=
"50" id=
"zoom" relativeTo=
"chart"/> <mx:Panel width=
"100%" height=
"100%" title=
"Radar Series Zoom Example" layout=
"horizontal"> <mx:Legend dataProvider=
"{radar}"/> <ilog:RadarChart id=
"radar" width=
"100%" height=
"100%" dataProvider=
"{london}" columnWidthRatio=
"0.3"> <ilog:angularAxis> <ilog:AngularAxis categoryField=
"Month" displayName=
"Month"/> </ilog:angularAxis> <ilog:radialAxis> <mx:LinearAxis baseAtZero=
"true" displayName=
"Temperature (°F)"/> </ilog:radialAxis> <ilog:series> <ilog:RadarLineSeries id=
"lseries" dataField=
"Temperature" displayName=
"Temperature" showDataEffect=
"zoom" hideDataEffect=
"zoom"/> </ilog:series> </ilog:RadarChart> <mx:VBox height=
"100%"> <mx:Label text=
"Change Data provider:"/> <mx:RadioButton selected=
"true" label=
"London" click=
"radar.dataProvider = london"/> <mx:RadioButton label=
"Sydney" click=
"radar.dataProvider = sydney"/> </mx:VBox> </mx:Panel> </mx:Application>
Hope this helps,
Damien
SystemAdmin
110000D4XK
‏2011-06-30T07:37:46Z
Hi,
It should be possible using charting effects, see "Using effects in a radar chart" section at
http://publib.boulder.ibm.com/infocenter/elixent/v3r0/index.jsp?topic=/com.ibm.ilog.elixir.doc/Content/Visualization/Documentation/Flex/Elixir_Enterprise/_pubskel/ps_elixir_corecomponents189.html
The following sample shows an example of a zoom effect applied to a radar chart:
<pre class="jive-pre">
<?xml version=
"1.0"?> <mx:Application xmlns:mx=
"http://www.adobe.com/2006/mxml" xmlns:ilog=
"http://www.ilog.com/2007/ilog/flex"> <mx:Script> <![CDATA[
import mx.collections.ArrayCollection; [Bindable]
public var london:ArrayCollection =
new ArrayCollection([
{Month:
"January", Temperature:39
},
{Month:
"February", Temperature:39.6
},
{Month:
"March", Temperature:42.3
},
{Month:
"April", Temperature:47.3
},
{Month:
"May", Temperature:53.4
},
{Month:
"June", Temperature:59.4
},
{Month:
"July", Temperature:62.6
},
{Month:
"August", Temperature:61.9
},
{Month:
"September", Temperature:57.6
},
{Month:
"October", Temperature:50.5
},
{Month:
"November", Temperature:43.9
},
{Month:
"December", Temperature:40.6
} ]); [Bindable]
public var sydney:ArrayCollection =
new ArrayCollection([
{Month:
"January", Temperature:71.8
},
{Month:
"February", Temperature:71.8
},
{Month:
"March", Temperature:69.8
},
{Month:
"April", Temperature:65.1
},
{Month:
"May", Temperature:59.5
},
{Month:
"June", Temperature:55.2
},
{Month:
"July", Temperature:53.6
},
{Month:
"August", Temperature:55.8
},
{Month:
"September", Temperature:59.5
},
{Month:
"October", Temperature:63.9
},
{Month:
"November", Temperature:67.1
},
{Month:
"December", Temperature:70.2
} ]); ]]> </mx:Script> <mx:SeriesZoom duration=
"1000" elementOffset=
"50" id=
"zoom" relativeTo=
"chart"/> <mx:Panel width=
"100%" height=
"100%" title=
"Radar Series Zoom Example" layout=
"horizontal"> <mx:Legend dataProvider=
"{radar}"/> <ilog:RadarChart id=
"radar" width=
"100%" height=
"100%" dataProvider=
"{london}" columnWidthRatio=
"0.3"> <ilog:angularAxis> <ilog:AngularAxis categoryField=
"Month" displayName=
"Month"/> </ilog:angularAxis> <ilog:radialAxis> <mx:LinearAxis baseAtZero=
"true" displayName=
"Temperature (°F)"/> </ilog:radialAxis> <ilog:series> <ilog:RadarLineSeries id=
"lseries" dataField=
"Temperature" displayName=
"Temperature" showDataEffect=
"zoom" hideDataEffect=
"zoom"/> </ilog:series> </ilog:RadarChart> <mx:VBox height=
"100%"> <mx:Label text=
"Change Data provider:"/> <mx:RadioButton selected=
"true" label=
"London" click=
"radar.dataProvider = london"/> <mx:RadioButton label=
"Sydney" click=
"radar.dataProvider = sydney"/> </mx:VBox> </mx:Panel> </mx:Application>
</pre>
Hope this helps,
Damien
More...
So I understand how that works, in fact on my radar chart I have a series interpolation effect working. But what I was wondering is if the whole chart starts out as visible = false, if I can add a wipe effect (or some other effect) that reveals the chart in a clockwise fashion. So like starting at 3 o'clock and moving clockwise the chart would be revealed over a set duration via a closckwise motion.
peeps147
270003402G
‏2011-07-05T17:53:51Z
So I understand how that works, in fact on my radar chart I have a series interpolation effect working. But what I was wondering is if the whole chart starts out as visible = false, if I can add a wipe effect (or some other effect) that reveals the chart in a clockwise fashion. So like starting at 3 o'clock and moving clockwise the chart would be revealed over a set duration via a closckwise motion.
More...
Hi,
There is no built-in function for that. However it should be possible to write a custom mask effect and assign it to the 'hideEffect' style property of the radar chart.
See MaskEffect documentation for more informations.
Hope this helps,
Damien
Radar chart questions are exactly attractive for me. I'd seen many interesting problems with the radar chart series from some chart UI control. This is also an interesting one. And it is insightful.

Related Links

Radar Labels don\'t update
Radarchart gradient background
Run Time Radar Data
Rotating the angular axis
Set the chart.type="Cloumn" default
pls help me
How could I change RadarLinesSeries using Action Script?
Radar Chart - Custom Labels
Trouble with AngularAxisRenderer.labelRenderer on RadarChart
Multiple Stroke Colors for Radial Lines
could not find source for resource bundle ilogradarchart
using datafunction for RadarLineSeries
Modifying the Radar Chart
How to change thickness/color of radar chart border
Clickable points on radar line series?
how to work with the radar control

Categories

DW
IBM SmartCloud Applica...
Developer Central
Germany
dW
Communities category
IBM Web Mail Cloud
IBM FileNet Capture Pr...
eDiscovery
IBM FileNet Content Ma...
Netcool/Impact Future ...
Environmental and Ener...
General Discussion
Web Reports and Custom...
Multi-Channel Selling
General Statistical Qu...
IBM Analytic Catalyst ...
IBM SPSS Accessibility
Rational Developer for...
Cognos TM1 (Applix)
Cognos SDK and Diagnos...
Enterprise Change Mana...
Серверы IBM System x
opensource
Greenhouse
aW
IBM Automation Control...
IBM Research Labs
Linux
InfoSphere DataStage
IBM InfoSphere Data Ar...
IBM InfoSphere Big Mat...
IBM DB2 Analytics Acce...
Công ty thiết kế website
WebSphere Commerce
IBM Support Assistant ...
WebSphere Service Regi...
Tivoli Security Compli...
IBM Security Identity ...
QRadar Extensions
HA - High Availability
API
Reporting
IBM Control Center
Connect:Enterprise
Gentran Integration Su...
Customer Order Managem...
Comments on the OMS Co...
JSP Webpages in GIS
Connect:Direct for UNIX
Pricing, Configuration...
Analytics & Reporting
Tools & Technology
System Performance
Data Services/Data Mig...
Comergent Security
Announcements -
Internationalization a...
Inventory
Store Order Management
Call Center Order Mana...
Console Framework (HTM...
WebSphere-MQ
IBM z Systems Developm...
EGL
IBM ILOG Elixir Previe...
Mathematical Programming
Questions and Best Pra...
IBM ILOG BRMS Beta Pro...
Map displays
Treemap
Rule Studio for .NET
Higher Education
Форум System x
Анонсы
DB2 Content Management
aW Services
IBM Image Construction...
IBM Tivoli System Auto...
Tivoli Application Dep...
OMEGAMON Performance M...
IBM i: Logical Partiti...
AIX Open Source Software
AIX Forum for developers
AIX Networking
Lotus Forms
IBM Customer Experienc...
Using XSL-FO to create...
developerWorks XML zon...
JSF for nonbelievers f...
ibmpub.java.os390
IBM PowerVM Lx86 for x...

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile