Radar charts


Listener on angular axis of radar graph


[picosoul said:]
Hi,
How to add listener on angular axis of radar graph?
Thx :)
[dmandrioli said:]
Hi,
If you are talking about mouse events, you have to put your listeners on the AngularAxisRenderer class. The following example shows how to react to mouse click on the angular axis.
<?xml version="1.0" ?>
<!-- Simple example to demonstrate the RadarChart control with<br /> RadarLineSeries.<br /> -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"<br /> xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:Script>
<![CDATA[<br /> import mx.controls.Alert;
import mx.collections.ArrayCollection;
[Bindable]
public var temperature:ArrayCollection = new ArrayCollection([
{Month:"January", London:39, Sydney:71.8, Beijing:23.7},
{Month:"February", London:39.6, Sydney:71.8, Beijing:28.8},
{Month:"March", London:42.3, Sydney:69.8, Beijing:40.5},
{Month:"April", London:47.3, Sydney:65.1, Beijing:56.5},
{Month:"May", London:53.4, Sydney:59.5, Beijing:68},
{Month:"June", London:59.4, Sydney:55.2, Beijing:75.9},
{Month:"July", London:62.6, Sydney:53.6, Beijing:78.8},
{Month:"August", London:61.9, Sydney:55.8, Beijing:76.5},
{Month:"September", London:57.6, Sydney:59.5, Beijing:67.6},
{Month:"October", London:50.5, Sydney:63.9, Beijing:54.7},
{Month:"November", London:43.9, Sydney:67.1, Beijing:39},
{Month:"December", London:40.6, Sydney:70.2, Beijing:27.3}
]);
]]>
</mx:Script>
<mx:Panel width="100%" height="100%" title="Radar Line Series Example" <br />layout="horizontal">
<ilog:RadarChart id="radar" width="100%" height="100%"<br /> dataProvider="{temperature}" showDataTips="true">
<ilog:angularAxis>
<ilog:AngularAxis categoryField="Month" displayName="Month" />
</ilog:angularAxis>
[color=red] <ilog:angularAxisRenderers>
<ilog:AngularAxisRenderer click="Alert.show('Click')"/>
</ilog:angularAxisRenderers>[/color]
<ilog:radialAxis>
<mx:LinearAxis baseAtZero="true" displayName="Temperature (ÂÂ˚F)" />
</ilog:radialAxis>
<ilog:series>
<ilog:RadarLineSeries dataField="London" displayName="London"/>
<ilog:RadarLineSeries dataField="Sydney" displayName="Sydney" />
<ilog:RadarLineSeries dataField="Beijing" displayName="Beijing" />
</ilog:series>
</ilog:RadarChart>
<mx:Legend dataProvider="{radar}" />
</mx:Panel>
</mx:Application>
Hope this helps,
SystemAdmin
110000D4XK
‏2008-09-23T18:37:31Z
[dmandrioli said:]
Hi,
If you are talking about mouse events, you have to put your listeners on the AngularAxisRenderer class. The following example shows how to react to mouse click on the angular axis.
<?xml version="1.0" ?>
<!-- Simple example to demonstrate the RadarChart control with<br /> RadarLineSeries.<br /> -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"<br /> xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:Script>
<![CDATA[<br /> import mx.controls.Alert;
import mx.collections.ArrayCollection;
[Bindable]
public var temperature:ArrayCollection = new ArrayCollection([
{Month:"January", London:39, Sydney:71.8, Beijing:23.7},
{Month:"February", London:39.6, Sydney:71.8, Beijing:28.8},
{Month:"March", London:42.3, Sydney:69.8, Beijing:40.5},
{Month:"April", London:47.3, Sydney:65.1, Beijing:56.5},
{Month:"May", London:53.4, Sydney:59.5, Beijing:68},
{Month:"June", London:59.4, Sydney:55.2, Beijing:75.9},
{Month:"July", London:62.6, Sydney:53.6, Beijing:78.8},
{Month:"August", London:61.9, Sydney:55.8, Beijing:76.5},
{Month:"September", London:57.6, Sydney:59.5, Beijing:67.6},
{Month:"October", London:50.5, Sydney:63.9, Beijing:54.7},
{Month:"November", London:43.9, Sydney:67.1, Beijing:39},
{Month:"December", London:40.6, Sydney:70.2, Beijing:27.3}
]);
]]>
</mx:Script>
<mx:Panel width="100%" height="100%" title="Radar Line Series Example" <br />layout="horizontal">
<ilog:RadarChart id="radar" width="100%" height="100%"<br /> dataProvider="{temperature}" showDataTips="true">
<ilog:angularAxis>
<ilog:AngularAxis categoryField="Month" displayName="Month" />
</ilog:angularAxis>
[color=red] <ilog:angularAxisRenderers>
<ilog:AngularAxisRenderer click="Alert.show('Click')"/>
</ilog:angularAxisRenderers>[/color]
<ilog:radialAxis>
<mx:LinearAxis baseAtZero="true" displayName="Temperature (ÂÂ˚F)" />
</ilog:radialAxis>
<ilog:series>
<ilog:RadarLineSeries dataField="London" displayName="London"/>
<ilog:RadarLineSeries dataField="Sydney" displayName="Sydney" />
<ilog:RadarLineSeries dataField="Beijing" displayName="Beijing" />
</ilog:series>
</ilog:RadarChart>
<mx:Legend dataProvider="{radar}" />
</mx:Panel>
</mx:Application>
Hope this helps,
More...
[picosoul said:]
Thank you Damien, that helps a lot...
Another thing raised : how to know on which category the mouse was clicked?
Thx :)

Related Links

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
Changing the order of the radial axis
LinearGradient as areaFill
Get the selected label when clicks on Angular Axis
Move categories using the mouse
Minimum Category field on angular axis
Listener on angular axis of radar graph
Error #1009 at ilog.charts.series::RadarLineSeries/updateData()
Problems using effects on Radar Chart

Categories

DW
Cloud
Cloud management integ...
ibm_ru
Partnerworld
IBM Blockchain
PowerVM Blogs
Linux on Power Community
IBM Connections Meetin...
IBM Content Navigator
IBM Kenexa Prove It! O...
IBM Kenexa CompAnalyst...
IBM Infrastructure Sec...
Tivoli Security Compli...
Software Asset Management
General Discussion
General Statistical Qu...
IBM developerWorks Россия
Information Management
Rational DOORS General...
Rational DOORS adminis...
Real-time and Embedded...
Rational Team Concert
Серверы IBM System x
workplace
Test for Aparna
Greenhouse
Financial markets
IBM JZOS Batch Toolkit...
Community
XML
Java
InfoSphere Master Data...
Optim LUW
IBM DB2 Recovery Exper...
IBM Forms Experience B...
For All Type Post
Công ty thiết kế website
Part 3 - Challenge #14...
WebSphere Commerce
WebSphere Portal and P...
IBM Web Experience Fac...
WebSphere Service Regi...
AppScan Source
IBM Security Identity ...
Reports
News & Announcements
Right-click Integrations
Troubleshooting
Performance / Scaling
Gentran Server for AS/400
Gentran Integration Su...
Release Bulletins
Sterling Commerce Stuff
Performance Tuning
OM Mobile Framework
JSP Webpages in GIS
IBM Control Center
Connect:Express Windows
Connect:Direct for Ope...
Connect:Direct
Connect:Express Windows
Connect:Direct for iSe...
Your Selling System So...
Tools & Technology
Feature Request
C3 Analyzer Installation
Project Management and...
SDK Tools & Utilities
Distance Education Sup...
Upgrade Issues
Installation & Configu...
Connect:Direct (Educat...
Integration with other...
Logistics Management
RCP Framework
IBM ILOG Elixir General
Business/IT challenges...
IBM Decision Optimizat...
Questions and Best Pra...
JRules BPM/SOA Integra...
Rule Studio for Java
JRules - General
JRules Trial Support -...
SAP
Activities
IBM MapReduce Tools fo...
IBM Academic Initiativ...
IBM SmartCloud Control...
Tivoli Common Reportin...
IBM Whole-system Analy...
AIX Open Source Software
IT architecture forum
System x Server
XQuery and XPath forum
XForms technology forum
Web Services Technical
IBM PowerVM Lx86 for x...

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile