Radar charts


Obtaining radar chart Linear Axis coordinates


I would like to draw a line from one linear axis to another. I want this line to start at the tip of each one of the linear axis'. Anyone know how I can obtain the coordinates dynamically for the end of a linear axis? I have attached a image with an example of what i am looking to do.
Thanks for any and all help!
Hi,
The RadarChart provides getters for origin and radius. The following sample shows how to use these values to draw on top of the chart.
<?xml version=
"1.0" ?> <mx:Application xmlns:mx=
"http://www.adobe.com/2006/mxml" xmlns:ilog=
"http://www.ilog.com/2007/ilog/flex" xmlns:local=
"*"> <mx:Script> <![CDATA[
import mx.charts.chartClasses.PolarTransform;
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
} ]);
private function drawAngularSegment():
void
{
if ((radarchart.dataTransform as PolarTransform).origin ==
null)
return; var o:Point = radarchart.origin; var r:Number = radarchart.radius; var angle1:Number = 0; var angle2:Number = 2 * Math.PI / temperature.length; var p1:Point =
new Point(); p1.x = o.x + Math.cos(angle1) * r; p1.y = o.y - Math.sin(angle1) * r; var p2:Point =
new Point(); p2.x = o.x + Math.cos(angle2) * r; p2.y = o.y - Math.sin(angle2) * r; var g:Graphics = drawingCanvas.graphics; g.clear(); g.lineStyle(3, 0xFF0000); g.moveTo(p1.x, p1.y); g.lineTo(p2.x, p2.y);
} ]]> </mx:Script> <mx:Panel width=
"100%" height=
"100%" title=
"Radar Line Series Example" layout=
"horizontal"> <mx:Canvas width=
"100%" height=
"100%"> <ilog:RadarChart id=
"radarchart" width=
"100%" height=
"100%" creationComplete=
"drawAngularSegment()" render=
"drawAngularSegment()" dataProvider=
"{temperature}"> <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 dataField=
"London" displayName=
"London"/> <ilog:RadarLineSeries dataField=
"Sydney" displayName=
"Sydney"/> <ilog:RadarLineSeries dataField=
"Beijing" displayName=
"Beijing"/> </ilog:series> </ilog:RadarChart> <mx:Canvas id=
"drawingCanvas" width=
"100%" height=
"100%"/> </mx:Canvas> <mx:Legend dataProvider=
"{radarchart}"/> </mx:Panel> </mx:Application>
Hope this helps,
Damien

Related Links

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
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

Categories

DW
IBM Blockchain
IBM TRIRIGA
BigFix
Lotus
University
IBM CMIS for ECM
IBM FileNet Image Manager
IBM Kenexa Assess on C...
IBM Kenexa Talent Mana...
Application Security
zSecure suite
NetInsight Enterprise
PredictiveInsight
IBM SmartCloud Applica...
IBM TRIRIGA Applicatio...
Capital Project Manage...
IBM TRIRIGA (SaaS)
IBM Tivoli Monitoring ...
Software Asset Management
Server Automation
Security Configuration...
Fixlet Authoring
iPhone Mobile Apps
Rational Developer for...
RDz - Rational Develop...
EGL Cafe
IBM ILOG Optimization
Báo cáo về các nội dun...
Cognos SDK and Diagnos...
Cognos Express
Eventos en Latinoamérica
XML
AIX и UNIX
Rational Synergy
Системы хранения данны...
websphere
wireless
Comunita' tecnica AIX ...
Lotus Brasil
Education and Learning
IBM LanguageWare Resou...
Tivoli
AIX and UNIX
XML
Web services
InfoSphere Master Data...
.NET Development with ...
IBM DB2 Recovery Exper...
DB2 for z/OS forum
InfoSphere Metadata Se...
WebSphere DataStage
Socially Integrated
WebSphere Message Broker
IBM Support Assistant ...
AppScan Standard
News & Announcements
Mobile Store Channel
Performance / Scaling
Gentran Websuite
IBM Control Center
Sterling Commerce Stuff
E-Commerce/EDI/XML Cou...
**NEW** Sterling File ...
Connect:Express Unix
Connect:Direct for Ope...
Connect:Direct
Connect:Direct Mainframe
Connect:Enterprise UNIX
Analytics & Reporting
C3 Product Manager/C3 ...
Reporting and Analysis
Release 6.3
Value added services/L...
Database
EGL
Questions and Best Pra...
General BRMS Discussion
Gauges, Indicators and...
Constraint Programming...
Mathematical Programmi...
General BRMS Discussion
Форумы по технологии Java
Форум IBM developerWor...
QEDWiki
IBM Mote Runner SDK
IBM Image Construction...
IBM Client Application...
IBM Tivoli Network Man...
IBM License Metric Tool
IBM Platform MPI Commu...
IBM i Access for Linux
Web 2.0 Apps
AIX Security
AIX Networking
HPC Central Technical ...
IT architecture forum
System x Server
Cluster Systems Manage...
Using XSL-FO to create...
Exploring Semantic Web...
Java Virtual Machine (...
Linux for Power Archit...
Linux scripting

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile