DEVELOPER WORKS

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,