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

Change the orientation of the category label
Labels size
Customizing radar charts angular axis labels
Custom labelFunction for radarchart
Linear Gradient as fill for RadarColumnSerie
Dragging Radar Line Series
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?

Categories

DW
export
Tivoli Business Servic...
Germany
ibm_ru
dwjapan
dW Korea
IBM Blockchain
IBM Connections Cloud ...
IBM Web Mail Cloud
IBM FileNet Capture Pr...
IBM Kenexa CompAnalyst...
Netcool/Impact Future ...
NetInsight Enterprise
eMessage7
Distributed Marketing
Cloud DevOps
Cloud resilience
IBM SmartCloud Applica...
Facilities Management ...
Jazz for Service Manag...
IBM Tivoli Monitoring ...
Labs (BigFix Labs)
Cast Iron Web Manageme...
Cast Iron PIPs and TIPs
WebSphere Cast Iron Ex...
IBM SPSS Modeler
IBM SPSS Data Collection
.NET Programmability
Getting Started with I...
EGL Cafe
Industry
TSM FastBack Latinoamé...
Open Source
Information Management
Rational Publishing En...
webarchitecture
db2
Test for satish
Comunita' tecnica AIX ...
Retail
AIX and Linux on POWER
IBM University
dW Questions and Answers
IBM DB2 Express-C Forum
Optim LUW
InfoSphere DataStage
Optim Test Data Fabric...
DB2 for Linux, UNIX, a...
Objrepos - AIX ユーザー・コミ...
WebSphere Portal
WebSphere Application ...
X-Force
IBM Security Identity ...
QRadar Vulnerability M...
Investigating with QRadar
QRadar Risk Manager
Gentran Integration Su...
**NEW** Sterling Commu...
Release Bulletins
E-Commerce/EDI/XML Cou...
Distributed Order Mana...
Applications Framework
Gentran Server for AS/400
General Discussion
IBM Control Center
Connect:Express z/OS
Connect:Direct Mainframe
Misc. Product Forums
Backend Systems
C3 Product Depot
Application Best Pract...
C3 Analyzer Installation
Commerce/Order Management
Configuring Warehouse ...
Service Definition Fra...
Security
RCP Framework
Agent Framework
WebSphere-MQ
WebSphere-Misc
WebSphere-Default Mess...
WebSphere
DB2
Java Visualization Pro...
Constraint Programming
BRMS Trial Support
3D Charts
OLAP & Pivot Charts
Java Visualization Pro...
Questions and Best Pra...
Rule Studio for .NET
JRules Trial Support -...
Higher Education
Форумы по технологии Java
Performance Harness fo...
Building Information M...
IBM Cloud Application ...
IBM SmartCloud Control...
IBM Tivoli Enablement ...
IBM i: iDoctor for IBM...
HPC Central Technical ...
IBM Systems Director F...
Thinking XML forum
Working XML forum
IBM Java Runtimes and ...
Java filter
Best Practices for SOA...

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile