Radar charts


Can I set the MAX value in each category axis of radarchart?


Can I set the MAX value in each category axis of radarchart?
<Category>
・January
・February
・March
etc
<the MAX value in each caetrogy axis>
・the MAX value of January:100
・the MAX value of February:80
・the MAX value of March:70
etc
The sample program is as follows.
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="800" height="600" xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
Bindable
public var temperature:ArrayCollection = new ArrayCollection([
{Month:"January", London:80, 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:80, Sydney:80, Beijing:80},
{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}
]);
]]>
</fx:Script>
<fx:Declarations>
<!-- 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 -->
</fx:Declarations>
<mx:Canvas id="cvsGrapth" width="800" height="600" >
<ilog:RadarChart id="radar" x="154" y="93" dataProvider="{temperature}" showDataTips="true" columnWidthRatio="1.0" type="polygonal"
creationComplete="{radar.invalidateDisplayList()}">
<ilog:angularAxis>
<ilog:AngularAxis categoryField="Month" displayName="Month"/>
</ilog:angularAxis>
<ilog:radialAxisRenderers>
<mx:AxisRenderer visible="false" />
</ilog:radialAxisRenderers>
<ilog:radialAxis>
<mx:LinearAxis displayName="Temperature (°F)" maximum="100"/>
</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>
</s:WindowedApplication>
Hi,
It is not possible, there is only one radial axis. Maybe you could adjust the data passed to the chart to simulate this beahavior.
Hope this helps,
Damien
Hi,
If I want to view this chart, shold I process it from 1 to 3?
1. I set radial axis max of this chart to 30 (max value of category3).
2. I set value 27 (0.9 * 30 = 27) to category4.
3. I set "value:0.9" to datatip of category4.
Besides, is there a good method?
Thanks,
SystemAdmin
110000D4XK
‏2011-07-25T07:45:46Z
Hi,
It is not possible, there is only one radial axis. Maybe you could adjust the data passed to the chart to simulate this beahavior.
Hope this helps,
Damien
More...
Hi,
I'm sorry.
I was going to do the reply on Jul 05, 2011 11:59:49 PM to you.
Thanks,
SystemAdmin
110000D4XK
‏2011-07-25T07:45:46Z
Hi,
It is not possible, there is only one radial axis. Maybe you could adjust the data passed to the chart to simulate this beahavior.
Hope this helps,
Damien
More...
Hi,
I'm sorry.
I was going to do the reply on Jul 28, 2011 02:19:32 AM to you.
If I want to view this chart, shold I process it from 1 to 3?
1. I set radial axis max of this chart to 30 (max value of category3).
2. I set value 27 (0.9 * 30 = 27) to category4.
3. I set "value:0.9" to datatip of category4.
Besides, is there a good method?
Thanks,
personAAA
270004C6R3
‏2011-07-29T02:50:26Z
Hi,
I'm sorry.
I was going to do the reply on Jul 28, 2011 02:19:32 AM to you.
If I want to view this chart, shold I process it from 1 to 3?
1. I set radial axis max of this chart to 30 (max value of category3).
2. I set value 27 (0.9 * 30 = 27) to category4.
3. I set "value:0.9" to datatip of category4.
Besides, is there a good method?
Thanks,
More...
Hi,
The following sample shows how to use dataFunction and dataTipFunction to customize how data are rendered.
Each category is associated with a 'Value' and a 'Max' attribute. The dataFunction returns Value/Max and the radial axis has a maximum of 1.
Finally, the dataTipFunction displays the real value for the category.
<?xml version=
"1.0" encoding=
"utf-8"?> <s:Application xmlns:fx=
"http://ns.adobe.com/mxml/2009" xmlns:s=
"library://ns.adobe.com/flex/spark" xmlns:mx=
"library://ns.adobe.com/flex/mx" xmlns:ilog=
"http://www.ilog.com/2007/ilog/flex"> <fx:Script> <![CDATA[
import mx.collections.ArrayCollection;
import mx.charts.chartClasses.Series;
import mx.charts.HitData; [Bindable]
public var myData:ArrayCollection =
new ArrayCollection([
{Category:
"category1", Value:870, Max:1000
},
{Category:
"category2", Value:10, Max:15
},
{Category:
"category3", Value:0.7, Max: 1
},
{Category:
"category4", Value:60, Max:100
},
{Category:
"category5", Value:80, Max:100
},
{Category:
"category6", Value:8000, Max:10000
}, ]);
private function myDataFunction(series:Series, item:Object, fieldName:String):Object
{
return item.Value / item.Max;
}
private function myDataTipFunction(item:HitData):String
{
return
"Real Data: " + item.chartItem.item.Value;
} ]]> </fx:Script> <ilog:RadarChart id=
"radar" dataProvider=
"{myData}" showDataTips=
"true" width=
"100%" height=
"100%" dataTipFunction=
"myDataTipFunction"> <ilog:angularAxis> <ilog:AngularAxis categoryField=
"Category" displayName=
"Category"/> </ilog:angularAxis> <ilog:radialAxisRenderers> <mx:AxisRenderer visible=
"false" /> </ilog:radialAxisRenderers> <ilog:radialAxis> <mx:LinearAxis minimum=
"0" maximum=
"1"/> </ilog:radialAxis> <ilog:series> <ilog:RadarLineSeries dataField=
"Value" displayName=
"Value" dataFunction=
"myDataFunction"/> </ilog:series> </ilog:RadarChart> </s:Application>
Hope this helps,
Damien
SystemAdmin
110000D4XK
‏2011-08-01T09:37:05Z
Hi,
The following sample shows how to use dataFunction and dataTipFunction to customize how data are rendered.
Each category is associated with a 'Value' and a 'Max' attribute. The dataFunction returns Value/Max and the radial axis has a maximum of 1.
Finally, the dataTipFunction displays the real value for the category.
<pre class="jive-pre">
<?xml version=
"1.0" encoding=
"utf-8"?> <s:Application xmlns:fx=
"http://ns.adobe.com/mxml/2009" xmlns:s=
"library://ns.adobe.com/flex/spark" xmlns:mx=
"library://ns.adobe.com/flex/mx" xmlns:ilog=
"http://www.ilog.com/2007/ilog/flex"> <fx:Script> <![CDATA[
import mx.collections.ArrayCollection;
import mx.charts.chartClasses.Series;
import mx.charts.HitData; [Bindable]
public var myData:ArrayCollection =
new ArrayCollection([
{Category:
"category1", Value:870, Max:1000
},
{Category:
"category2", Value:10, Max:15
},
{Category:
"category3", Value:0.7, Max: 1
},
{Category:
"category4", Value:60, Max:100
},
{Category:
"category5", Value:80, Max:100
},
{Category:
"category6", Value:8000, Max:10000
}, ]);
private function myDataFunction(series:Series, item:Object, fieldName:String):Object
{
return item.Value / item.Max;
}
private function myDataTipFunction(item:HitData):String
{
return
"Real Data: " + item.chartItem.item.Value;
} ]]> </fx:Script> <ilog:RadarChart id=
"radar" dataProvider=
"{myData}" showDataTips=
"true" width=
"100%" height=
"100%" dataTipFunction=
"myDataTipFunction"> <ilog:angularAxis> <ilog:AngularAxis categoryField=
"Category" displayName=
"Category"/> </ilog:angularAxis> <ilog:radialAxisRenderers> <mx:AxisRenderer visible=
"false" /> </ilog:radialAxisRenderers> <ilog:radialAxis> <mx:LinearAxis minimum=
"0" maximum=
"1"/> </ilog:radialAxis> <ilog:series> <ilog:RadarLineSeries dataField=
"Value" displayName=
"Value" dataFunction=
"myDataFunction"/> </ilog:series> </ilog:RadarChart> </s:Application>
</pre>
Hope this helps,
Damien
More...
Hi,
Thank you for the sample.
I understood.
Thanks,

Related Links

Negative values ?
Disable datatip for some of the series...
Error updating radarchart
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

Categories

DW
BigData
Enterprise Content Man...
IBM SmartCloud Applica...
Tivoli Business Servic...
Cast Iron Community
Rational Cafe
IBM ILOG
alphaWorks
University
WebSphere
COBOL Cafe
IBM FileNet Capture Pr...
IBM Content Manager En...
IBM Kenexa LMS
IBM Kenexa Talent Mana...
IBM Kenexa CompAnalyst...
Netcool/Impact Future ...
eMessage8
NetInsight OnDemand
Detect
IBM TRIRIGA Applicatio...
Jazz for Service Manag...
Jazz for Service Manag...
IBM Tivoli Monitoring ...
General Discussion
Lifecycle Management
Integration Products
Cast Iron Best Practices
Cast Iron PIPs and TIPs
WebSphere Cast Iron Ex...
SPSS Community News
R Programmability in S...
RPG Cafe
RDz - Rational Develop...
Báo cáo về các nội dun...
Cognos SDK and Diagnos...
AIX и UNIX
Rational Developer for...
xml
Lotus Brasil
Telecommunications
Financial markets
Ajax
IBM DB2 Express-C Forum
IBM Content Integrator
Infosphere Warehouse
Part 3 - Challenge #08...
MxLoader support
Migrating to WebSphere...
IBM Business Process M...
WebSphere Portal and P...
Policy Tester
Network Intrusion Prev...
HA - High Availability
OM Mobile Framework
Patterns / Techniques ...
Connect:Express
Business Solutions Forums
Sterling Commerce Stuff
Applications Framework
Gentran Mapping
Connect:Direct for UNIX
Connect:Direct
Product Information Ma...
Pricing, Configuration...
Your Selling System So...
Driving Usage
C3 Configurator
Documentation
Suggestion Box
Living With Oracle
Using Eclipse
Platform Issues
Performance & Optimiza...
Internationalization (...
Gentran Integration Su...
Value added services/L...
Retail
Database
Console Framework (HTM...
WebSphere-MQ
IBM ILOG BRMS Beta Pro...
Calendar
Business Rules Best Pr...
Форум по AIX и UNIX
Анонсы
Information Server - J...
IBM MapReduce Tools fo...
Storage Management
IBM Workload Automatio...
Tivoli Decision Suppor...
Tivoli Application Dep...
IBM i IBM i Performanc...
z/OS Communications Se...
Using developerWorks
iPhone
System x Server
Thinking XML forum
developerWorks XML zon...

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile