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