Radar charts


Problems using effects on Radar Chart


[JamesWhiting said:]
Hi all,
When I use the SeriesInterpolate effect the chart fails to display (empty screen, no errors). This only seems to happen when the data provider is an arraycollection which I have passed data into from a Coldfusion datasource, an embedded array collection seems to work correctly.
Also SeriesZoom and SeriesSlide work fine its just the SeriesInterpolate.
Any help would be appreciated.
James
[dmandrioli said:]
Hi James,
Could you provide a minimal sample which reproduce your problem?
Thanks,
SystemAdmin
110000D4XK
‏2008-07-22T22:55:06Z
[dmandrioli said:]
Hi James,
Could you provide a minimal sample which reproduce your problem?
Thanks,
More...
[JamesWhiting said:]
Thanks for the reply.
Basically I have the main application (MVCDash.mxml) and two components (DataModel.mxml and RadarChart.mxml)
[b]MVCDash.mxml[/b]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:components="components." layout="absolute" xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:creationComplete>
<![CDATA[<br /> dataModel.getTotal();
]]>
</mx:creationComplete>
<components:DataModel id="dataModel" />
<components:RadarChart id="radarChart">
<components:dataProvider>{dataModel.totalCollection}</components:dataProvider>
</components:RadarChart>
</mx:Application>
[b]RadarChart.mxml[/b]
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" horizontalAlign="center" xmlns:components="components." xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:color>#ffffff</mx:color>
<mx:fontSize>14</mx:fontSize>
<mx:title>Projects vs. Work Packages by Division</mx:title>
<mx:backgroundAlpha>0</mx:backgroundAlpha>
<mx:borderAlpha>0</mx:borderAlpha>
<mx:ArrayCollection id="dataProvider"/>
<mx:SeriesInterpolate duration="1000" id="interpolate" />
<mx:SeriesZoom duration="1000" elementOffset="50" id="zoom" relativeTo="chart" />
<mx:SeriesSlide duration="1000" direction="down" elementOffset="0" id="slideDown" />
<ilog:RadarChart id="radar"<br /> type="circular"
showDataTips="true"
dataProvider="{dataProvider}"
width="100%" height="100%">
<ilog:angularAxis>
<ilog:AngularAxis id="angAxis" categoryField="Div" displayName="Division"/>
</ilog:angularAxis>
<ilog:radialAxis>
<mx:LinearAxis displayName="Quantity" />
</ilog:radialAxis>
<ilog:radialAxisRenderers>
<mx:AxisRenderer horizontal="false" visible="false"/>
</ilog:radialAxisRenderers>
<ilog:series>
<ilog:RadarLineSeries id="wps" dataField="W" displayName="Work Packages" selectable="true" showDataEffect="interpolate"/>
<ilog:RadarLineSeries id="projects" dataField="P" displayName="Projects" selectable="true" showDataEffect="interpolate"/>
</ilog:series>
</ilog:RadarChart>
<mx:Legend dataProvider="{radar}"/>
</mx:Panel>
I know that DataModel.mxml is returning the correct data as the chart works fine when I remove the effect (or change it SeriesZoom or slide) but if you what the code for it let me know.
Thank you
James
SystemAdmin
110000D4XK
‏2008-07-23T17:16:26Z
[JamesWhiting said:]
Thanks for the reply.
Basically I have the main application (MVCDash.mxml) and two components (DataModel.mxml and RadarChart.mxml)
[b]MVCDash.mxml[/b]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:components="components." layout="absolute" xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:creationComplete>
<![CDATA[<br /> dataModel.getTotal();
]]>
</mx:creationComplete>
<components:DataModel id="dataModel" />
<components:RadarChart id="radarChart">
<components:dataProvider>{dataModel.totalCollection}</components:dataProvider>
</components:RadarChart>
</mx:Application>
[b]RadarChart.mxml[/b]
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" horizontalAlign="center" xmlns:components="components." xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:color>#ffffff</mx:color>
<mx:fontSize>14</mx:fontSize>
<mx:title>Projects vs. Work Packages by Division</mx:title>
<mx:backgroundAlpha>0</mx:backgroundAlpha>
<mx:borderAlpha>0</mx:borderAlpha>
<mx:ArrayCollection id="dataProvider"/>
<mx:SeriesInterpolate duration="1000" id="interpolate" />
<mx:SeriesZoom duration="1000" elementOffset="50" id="zoom" relativeTo="chart" />
<mx:SeriesSlide duration="1000" direction="down" elementOffset="0" id="slideDown" />
<ilog:RadarChart id="radar"<br /> type="circular"
showDataTips="true"
dataProvider="{dataProvider}"
width="100%" height="100%">
<ilog:angularAxis>
<ilog:AngularAxis id="angAxis" categoryField="Div" displayName="Division"/>
</ilog:angularAxis>
<ilog:radialAxis>
<mx:LinearAxis displayName="Quantity" />
</ilog:radialAxis>
<ilog:radialAxisRenderers>
<mx:AxisRenderer horizontal="false" visible="false"/>
</ilog:radialAxisRenderers>
<ilog:series>
<ilog:RadarLineSeries id="wps" dataField="W" displayName="Work Packages" selectable="true" showDataEffect="interpolate"/>
<ilog:RadarLineSeries id="projects" dataField="P" displayName="Projects" selectable="true" showDataEffect="interpolate"/>
</ilog:series>
</ilog:RadarChart>
<mx:Legend dataProvider="{radar}"/>
</mx:Panel>
I know that DataModel.mxml is returning the correct data as the chart works fine when I remove the effect (or change it SeriesZoom or slide) but if you what the code for it let me know.
Thank you
James
More...
[dmandrioli said:]
Hi James,
Thanks for your sample.
Having DataModel source code could help, but in order to investigate your problem, I have to reproduce the data workflow of the radar chart.
Your sample does not reproduce this workflow and does not contain any data, can you modify it? Maybe you have to modify your DataModel object to simulate client/server interactions with fake client-side data.
Thanks,
SystemAdmin
110000D4XK
‏2008-07-23T18:29:57Z
[dmandrioli said:]
Hi James,
Thanks for your sample.
Having DataModel source code could help, but in order to investigate your problem, I have to reproduce the data workflow of the radar chart.
Your sample does not reproduce this workflow and does not contain any data, can you modify it? Maybe you have to modify your DataModel object to simulate client/server interactions with fake client-side data.
Thanks,
More...
[JamesWhiting said:]
Hi Damien,
I have had a look and it may be my data causing the issue. In the database table that I am using to populate the ArrayCollection, there are some null values. Everytime I try to use Interpolate against data with these null values it fails to show the chart.
I created an array collection and populated it with the exact data from the data source but putting a "0" where any null values are present.
When I run two charts side by side (see code below), one using the the original database table (with null values) and one using the new array, the one using the new array works.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:components="components.*" layout="vertical" xmlns:ilog="http://www.ilog.com/2007/ilog/flex">
<mx:creationComplete>
<![CDATA[<br /> dataModel.getTotal();
]]>
</mx:creationComplete>
<mx:Script>
<![CDATA[<br /> import mx.collections.ArrayCollection;
[Bindable]
private var testCollection:ArrayCollection = new ArrayCollection( [
{ Div: "Div1", W: 2, P: 0 },
{ Div: "Div2", W: 32, P: 0 },
{ Div: "Div3", W: 0, P: 0 },
{ Div: "Div4", W: 0, P: 0 },
{ Div: "Div5", W: 2, P: 1 },
{ Div: "Div6", W: 8, P: 7 },
{ Div: "Div7", W: 6, P: 0 },
{ Div: "Div8", W: 3, P: 3 },
{ Div: "Div9", W: 11, P: 5 },
{ Div: "Div10", W: 5, P: 0 } ]);
]]>
</mx:Script>
<components:DataModel id="dataModel" />
<components:RadarChart id="radarChart">
<components:dataProvider>{dataModel.totalCollection}</components:dataProvider>
</components:RadarChart>
<components:RadarChart id="radarChart1">
<components:dataProvider>{testCollection}</components:dataProvider>
</components:RadarChart>
</mx:Application>
Not sure why this only affects the SeriesInterpolate though.
Thanks,
James

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
BigData
Rational Cafe
AIX and Linux
alphaWorks
WebSphere
C/C++ compilers for IB...
IBM Connections Cloud ...
IBM Kenexa CompAnalyst...
Application Performanc...
Netcool/Impact General...
eMessage7
PredictiveInsight
IBM TRIRIGA Applicatio...
Facilities Management ...
Jazz for Service Manag...
Software Asset Management
IBM SPSS Modeler
IBM SPSS Statistics Sy...
The SPSS Community web...
Getting Started with I...
HATS HotSpot
EGL Cafe
Cognos 8
Cognos Series 7
Технология Java
SOA и Web-сервисы
Rational
Information Management
Сообщить о некорректно...
IBM Rational Rhapsody
Rational Developer for...
Rational Performance T...
Unified Modeling Langu...
Reserved for Testing
webservices
xml
Test for satish
Banking
aW
RSDC
Eserver
Informix developer and...
IBM DB2 Analytics Acce...
Visualization
WebSphere Service Regi...
Investigating with QRadar
Sterling Information B...
Collaboration Network
Web Services
Gentran Server for AS/400
Business Solutions Forums
Comments on the OMS Co...
Mobile Store Channel
Gentran Mapping
Gentran Server for AS/400
Gentran Server for Win...
Your Selling System So...
Selling System Release...
C3 Analyzer Installation
Distance Education Sup...
Data Services/Data Mig...
Back End Integation
JavaServer Page & UI
Picking
Store Order Management
Call Center Order Mana...
RCP Framework
DB2
Console Framework (HTM...
WebSphere-MQ
.NET Visualization Pro...
Questions and Best Pra...
IBM ILOG BRMS Beta Pro...
Gantt charts
CP Optimizer
OPL using CPLEX Optimizer
SAP
Анонсы
IBM Client Application...
Building Information M...
IBM Tivoli Asset Disco...
IBM SCORE
Performance Tools Forum
AIX Security
Active Memory Expansion
IT architecture forum
Cluster Systems Manage...
Using XSL-FO to create...
Exploring Semantic Web...
Java security
Server-side Java progr...
ibmpub.java.os390
Java filter
IBM PowerVM Lx86 for x...
IBM SCORE

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile