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

Radar Chart of IBM ILOG Trial Version
Glow Effect on Radar Chart Line
Need help adding dynamic series to Radar Chart
Start at 90 not 0
Obtaining radar chart Linear Axis coordinates
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

Categories

DW
Safer Planet
Unica
BigFix
Tivoli
Spark on z/OS
IBM Connections Docs C...
IBM Connections Cloud ...
IBM Verse
IBM Case Manager Client
IBM Mobile ECM
IBM Kenexa HDAS Assess...
IBM Application Perfor...
Netcool/Impact Future ...
IBM SmartCloud Applica...
Real Estate Management
Open Beta Feedback
Jazz for Service Manag...
Labs (BigFix Labs)
Deployment and Configu...
Cast Iron Studio
IBM SPSS Statistics Ge...
Regional
Cognos Planning 10
IBM Cognos 8 BI Develo...
Rational
IBM Rational Rhapsody
Rational DOORS adminis...
Rational RequisitePro ...
Rational Asset Manager
Installing/Configuring...
Reserved for Testing
webservices
linux
Test for satish
Lotus Brasil
Financial markets
Community
IBM Toolbox for Java a...
Socially Integrated
Part 2 - Challenge #12...
WAPL and SOE - Workloa...
IBM Monitoring and Dia...
WebSphere eXtreme Scale
X-Force
Events & DSM's
Mobile Store Channel
Sterling Information B...
Mapping / Translation
Announcements
Gentran Integration Su...
Reports and Prints
Multi-Channel Fullfill...
OM Mobile Framework
Connect:Express Unix
Connect:Direct for Win...
Connect:Direct for UNIX
Analytics & Reporting
SDK Releases
C3 Product Depot
C3 Analyzer Q&A
Project Management and...
How Are You Using Sell...
ROI Issues
How Are You Using Sell...
Error Messages
Commerce/Order Management
Announcements -
Picking
Configuring Warehouse ...
App Servers
DB2
WebSphere-MQ
RDi Forum
RPG Cafe
.NET Visualization Pro...
IBM ILOG BRMS Beta Pro...
Moderator Collaboration
Business Rules Best Pr...
Gantt charts
Calendar
OLAP & Pivot Charts
Decision Validation Se...
Форумы ОС Linux
Форум по AIX и UNIX
1С:Предприятие на DB2
aW Services
Full System Simulator ...
Programming Contest Ce...
IBM Tivoli Network Man...
System Automation for ...
IBM SmartCloud Cost Ma...
IBM Systems Director F...
Cell Broadband Engine ...
Java Virtual Machine (...
IBM DataPower Gateways
Linux for Power Archit...

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile