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 to change angular axis minimum and maximum?
RadarColumnSeries Remove Column Tapering on Large Values
Need to create radar chart without writing code
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

Categories

DW
Tivoli Netcool/Impact
Lotus
Weblogs
WebSphere
IBM Software Defined N...
IBM Connections Social...
IBM OS Pattern Kit
IBM ECM System Monitor
IBM OmniFind Enterpris...
IBM FileNet IDM Deskto...
IBM Mobile ECM
IBM Kenexa Onboard on ...
Tivoli Security Compli...
Installation and Setup
Optimize
IBM SmartCloud Applica...
IBM SmartCloud Applica...
Real Estate Management
IBM TRIRIGA CAD Integr...
Jazz for Service Manag...
Jazz for Service Manag...
Tivoli Business Servic...
Patch Management
Cast Iron PIPs and TIPs
IBM SPSS Modeler
R Programmability in S...
Cognos Mobile 10
Eventos en Latinoamérica
Rational Synergy
Performance Management...
Service Virtualization
Серверы IBM System x
Test for Aparna
Test tivoli forum
Telecommunications
Insurance
Education and Learning
aW
Pattern Modeling and A...
IBM LanguageWare Resou...
AIX and Linux on POWER
Tivoli
Tivoli Netcool Perform...
Autonomic computing
Linux
dW Questions and Answers
Information Architectu...
Optim LUW
IBM Content Integrator
Visualization
Migrating to WebSphere...
Part 2 - Challenge #10...
WebSphere Portal
IBM Integration Design...
IBM Web Experience Fac...
WebSphere Enterprise S...
Policy Tester
Tivoli Security Compli...
API
Right-click Integrations
VA & Scanners / Assets...
Sterling Information B...
Business Process Modeling
**NEW** Sterling File ...
IBM Control Center
Bottom of the BB
Connect:Direct (Educat...
Applications Framework
OM Mobile Framework
Connect:Express Windows
Product Information Ma...
Backend Systems
Dealing With Your ERP ...
Distance Education Sup...
Upgrade Issues
Zee Miscellaneous
Picking
Reverse Logistics
Delivery and Service S...
RCP Framework
DB2
IBM z Systems Developm...
IBM Operational Decisi...
BRMS Trial Support
Map displays
Gauges, Indicators and...
Gantt charts
CP Optimizer
QEDWiki
Scripting Tools for SA...
IBM Extensions for Mem...
Visual Performance Ana...
Tivoli Netcool Configu...
AIX Open Source Software
IBM WebSphere Applicat...
IBM WebSphere Portal a...
Working XML forum

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile