Jan 05, 2017, 9:57 AM
[CLOSED] CartesianChart not showing
Hello,
I am trying to build a page with 3 Items: CartesianChart, TreePanel and GridPanel(path: <ext:Viewport - <Items - <ext:Panel Layout="AnchorLayout" - <Items).
CartesianChart attributes: ... AnchorHorizontal="100%" AnchorVertical="30%" ...
TreePanel attributes: ... AnchorHorizontal="30%" AnchorVertical="70%" ...
GridPanel attributes: ... AnchorHorizontal="70%" AnchorVertical="70%" ...
Thank you,
Aggelos
I am trying to build a page with 3 Items: CartesianChart, TreePanel and GridPanel(path: <ext:Viewport - <Items - <ext:Panel Layout="AnchorLayout" - <Items).
CartesianChart attributes: ... AnchorHorizontal="100%" AnchorVertical="30%" ...
TreePanel attributes: ... AnchorHorizontal="30%" AnchorVertical="70%" ...
GridPanel attributes: ... AnchorHorizontal="70%" AnchorVertical="70%" ...
<ext:CartesianChart
ID="CompletedChart"
runat="server"
FlipXY="True"
Title="Progress"
AnchorHorizontal="100%"
AnchorVertical="30%"
>
<Store>
<ext:Store runat="server" Data="<%# Data %>" AutoDataBind="true">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="Data1" />
<ext:ModelField Name="Data2" />
<ext:ModelField Name="Data3" />
<ext:ModelField Name="Data4" />
<ext:ModelField Name="Data5">
<Convert Fn="convert" />
</ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<LegendConfig runat="server" Dock="Right" />
<Items>
<ext:TextSprite
Text="Progress"
FontSize="22" />
</Items>
<Axes>
<ext:NumericAxis
Fields="Data1"
Position="Bottom"
Grid="true"
MajorTickSteps="10"
Minimum="0"
Maximum="100">
<Renderer Handler="return label + '%';" />
</ext:NumericAxis>
<ext:CategoryAxis Fields="Data5" Position="Left" Grid="true" />
</Axes>
<Series>
<ext:BarSeries
XField="Data5"
YField="Data1,Data2,Data3,Data4,Data5"
Titles="Final,Under Revision,Incomplete,Expected,Missing"
Stacked="true">
<StyleSpec>
<ext:Sprite Opacity="0.8" />
</StyleSpec>
<HighlightConfig>
<ext:Sprite FillStyle="yellow" />
</HighlightConfig>
<Tooltip runat="server" TrackMouse="true" StyleSpec="background: #fff;">
<Renderer Handler="var browser = context.series.getTitle()[Ext.Array.indexOf(context.series.getYField(), context.field)]; toolTip.setHtml(browser + ' for ' + record.get('Data5') + ': ' + record.get(context.field) + '%');" />
</Tooltip>
</ext:BarSeries>
</Series>
</ext:CartesianChart>
The problem is that CartesianChart is not showing except its title and the TreePanel is above the GridPanel instead of being next to it.Thank you,
Aggelos
Last edited by fabricio.murta; Jan 27, 2017 at 5:54 AM.