Radar charts


How to change angular axis minimum and maximum?


[bill_bsb said:]
Hi there
I need to compare several objects in a radar chart but each property/attribute has it´s own minimum and maximum limit. Ex: area - 10 to 1000, density: 1 to 10.
When the objects are displayed on the radar chart, the radial axis minimum value is 1 and the maximum is 1000 and all properties are placed on this scale but that´s not what I want. I don´t want to visualize 1 in a 10 to 1000 scale.
I wish to set the minimum and maximum value for each angular axis so that the properties are placed correctly on it´s own scale.
Thanks.
[dmandrioli said:]
Hi,
You want to map a different radial axis for each category of the angular axis. Unfortunately, it is not possible "as is", you can only map a different radial axis for each series.
The following example shows how to use a dataFunction to express the value of an angular property as a percentage of its maximum, the same technique is used in our web sample: http://visudemos.ilog.com/webdemos/radar/radar.html
<?xml version="1.0"?>
<mx:Application <br /> xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:ilog="http://www.ilog.com/2007/ilog/flex"
backgroundColor="0x323232" color="0xFFFFFF">
<mx:Script> <![CDATA[<br /> import mx.charts.chartClasses.Series;
import mx.collections.ArrayCollection;
[Bindable]
private var myData:ArrayCollection = new ArrayCollection([
{Cat:"A", Min:0, Max:1, Value:0.9},
{Cat:"B", Min:10, Max:1000, Value:500},
{Cat:"C", Min:50, Max:100, Value:75},
{Cat:"D", Min:-10, Max:10, Value:-10},
{Cat:"E", Min:-50, Max:100, Value:-10}
]);
public function myDataFunction(series:Series, item:Object, fieldName:String):Object {
var min:Number = item.Min;
var max:Number = item.Max;
var val:Number = item.Value;
return 100 * (val - min) / (max - min);
}
]]> </mx:Script>
<ilog:RadarChart width="100%" height="100%" showDataTips="true" id="radarchart"<br /> dataProvider="{myData}">
<ilog:angularAxis>
<ilog:AngularAxis categoryField="Cat"/>
</ilog:angularAxis>
<ilog:radialAxis>
<mx:LinearAxis minimum="0" maximum="100" />
</ilog:radialAxis>
<ilog:series>
<ilog:RadarLineSeries dataFunction="myDataFunction"/>
</ilog:series>
</ilog:RadarChart>
</mx:Application>
Hope this helps,
SystemAdmin
110000D4XK
‏2008-11-19T19:37:06Z
[dmandrioli said:]
Hi,
You want to map a different radial axis for each category of the angular axis. Unfortunately, it is not possible "as is", you can only map a different radial axis for each series.
The following example shows how to use a dataFunction to express the value of an angular property as a percentage of its maximum, the same technique is used in our web sample: http://visudemos.ilog.com/webdemos/radar/radar.html
<?xml version="1.0"?>
<mx:Application <br /> xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:ilog="http://www.ilog.com/2007/ilog/flex"
backgroundColor="0x323232" color="0xFFFFFF">
<mx:Script> <![CDATA[<br /> import mx.charts.chartClasses.Series;
import mx.collections.ArrayCollection;
[Bindable]
private var myData:ArrayCollection = new ArrayCollection([
{Cat:"A", Min:0, Max:1, Value:0.9},
{Cat:"B", Min:10, Max:1000, Value:500},
{Cat:"C", Min:50, Max:100, Value:75},
{Cat:"D", Min:-10, Max:10, Value:-10},
{Cat:"E", Min:-50, Max:100, Value:-10}
]);
public function myDataFunction(series:Series, item:Object, fieldName:String):Object {
var min:Number = item.Min;
var max:Number = item.Max;
var val:Number = item.Value;
return 100 * (val - min) / (max - min);
}
]]> </mx:Script>
<ilog:RadarChart width="100%" height="100%" showDataTips="true" id="radarchart"<br /> dataProvider="{myData}">
<ilog:angularAxis>
<ilog:AngularAxis categoryField="Cat"/>
</ilog:angularAxis>
<ilog:radialAxis>
<mx:LinearAxis minimum="0" maximum="100" />
</ilog:radialAxis>
<ilog:series>
<ilog:RadarLineSeries dataFunction="myDataFunction"/>
</ilog:series>
</ilog:RadarChart>
</mx:Application>
Hope this helps,
More...
I'm trying to do the same which is ploting a minimum and a maximum value for eaxh axis rather than a single value. The provided sample code scales the axes. It does not plot a ring which is what I need to do. Here is an example:
Basically I want to draw shaded rings rather than polygons.
Thanks
mandis
0600004Y4Q
‏2010-01-11T19:23:49Z
I'm trying to do the same which is ploting a minimum and a maximum value for eaxh axis rather than a single value. The provided sample code scales the axes. It does not plot a ring which is what I need to do. Here is an example:
Basically I want to draw shaded rings rather than polygons.
Thanks
More...
Hi Mandis,
Each line series can have only one value by angle. You can define 2 series with no fill but you can't obtain a filled ring.
Hope this helps,
Damien

Related Links

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
Changing the order of the radial axis
LinearGradient as areaFill
Get the selected label when clicks on Angular Axis
Move categories using the mouse

Categories

DW
Tivoli Business Servic...
dwjapan
University
FileNet Business Proce...
zSecure suite
Netcool/Impact Future ...
NetInsight OnDemand
Optimize
IBM SmartCloud Applica...
Real Estate Management
Environmental and Ener...
IBM Tivoli Monitoring ...
Transportation Managem...
Cast Iron Studio
Python Programmability...
IBM SPSS Statistics Ge...
IBM SPSS Statistics Sy...
The SPSS Community web...
IBM SPSS Accessibility
Regional
Cognos Enterprise BI
BI Strategies
ISV und Entwickler For...
Технология Java
Rational DOORS General...
Reserved for Testing
powerarchitecture
grid
tivoli
Retail
Multicore enablement
Linux
IBM Db2 Event Store
hrdf
IBM WebSphere Transfor...
WebSphere Portal and P...
CICS Explorer
WebSphere MQ
IBM Visual Configurati...
WebSphere Service Regi...
Tivoli Security Compli...
Offense Manager & Tuning
QRadar Incident Forens...
Troubleshooting
Mobile Store Channel
Reporting
Gentran Server for AS/400
Education
Comments on the OMS Co...
Gentran Server for Win...
Connect:Express z/OS
Connect:Express Unix
Connect:Direct for iSe...
Connect:Direct
Connect:Enterprise Mai...
Selling System SDK
C3 Product Manager/C3 ...
C3 Pricing
Documentation
C3 Analyzer Q&A
ROI Issues
Adoption Rates
Living With Oracle
Error Messages
Comergent Courses
Distance Education Sup...
Web Services, Messagin...
Internationalization (...
Logistics Management
Distributed Order Mana...
SQLserver
WebLogic - JMS
Rules for .NET
IBM Operational Decisi...
BRMS Trial Support
OLAP & Pivot Charts
Business/IT Issues & B...
OPL using CPLEX Optimizer
CPLEX Optimizers
Mathematical Programmi...
Rule Studio for .NET
Decision Validation Se...
FAQ
Programming Contest Ce...
Maximo and process aut...
IBM Cloud Application ...
System Automation for ...
IBM i: Firmware
IBM SCORE
General Parallel File ...
IT architecture forum
System i Hardware Mana...
IBM WebSphere Applicat...
IBM Customer Experienc...
Web Site Development w...
General Parallel File ...
Using XSL-FO to create...
ibmpub.java.os390
IBM SCORE

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile