PDA

View Full Version : [CLOSED] Ext.Net chart - two sided Y axis



velusoft
Aug 20, 2015, 5:52 AM
24154

As attached image, we need to show two sided "Y" axis. please let me know how we can do that.

Daniil
Aug 20, 2015, 1:50 PM
Hi @velusoft,

The required functionality is available in the Charts package.
http://examples2.ext.net/#/Chart/Line/Multiple_Axes

velusoft
Sep 01, 2015, 1:19 PM
I have the following issues

1. When i click on legends - it is blinking in IE.
2. I want axis should start from zero always. Currently it is starting is based on data....





<ext:Chart ID="ChartYtd" runat="server" StyleSpec="background:#fff;" Shadow="true" StandardTheme="Category1" Animate="true" Width="920" Height="400">
<LegendConfig Position="Right" />
<Store>
<ext:Store ID="storeYtd" runat="server">
<Model>
<ext:Model ID="Model41" runat="server">
<Fields>
<ext:ModelField Name="MonthNYear" Type="String" />
<ext:ModelField Name="Planned">
<Convert Handler="if (value == null) {
value = undefined;
}
return value;" />
</ext:ModelField>
<ext:ModelField Name="Actuals">
<Convert Handler="if (value == null) {
value = undefined;
}
return value;" />
</ext:ModelField>
<ext:ModelField Name="Month" Type="String" />
<ext:ModelField Name="Year" Type="String" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Axes>
<ext:NumericAxis Position="Left" Fields="Planned,Actuals" Title="k $" Grid="true">

<LabelTitle Font="normal 11px Arial;" Fill="Black" />
<Label Font="normal 11px Arial;" Fill="Black" />

<GridConfig>
<Even Stroke="#000000" StrokeWidth="0.5" />
<Odd Stroke="#000000" StrokeWidth="0.5" />
</GridConfig>
</ext:NumericAxis>
<ext:CategoryAxis Position="Bottom" Fields="MonthNYear" Title="Month Year">
<LabelTitle Font="normal 11px Arial;" Fill="Black" />
<Label Font="normal 11px Arial;" Fill="Black" />

</ext:CategoryAxis>
</Axes>
<LegendConfig Position="Bottom" BoxStroke="false" BoxStrokeWidth="0" />
<Series>
<ext:LineSeries Axis="Left" XField="MonthNYear" YField="Planned" Title="Planned" Smooth="8" ShowMarkers="true">
<Tips ID="Tips7" runat="server" TrackMouse="true" Width="300" Anchor="left" Height="20" Cls="chartToolTip">
<%-- <Renderer Handler="this.update(String(item.value[1]))" />--%>
<Renderer Handler="this.setTitle('Planned: ' + Ext.util.Format.number(item.value[1],'000.00') + ' (Click here to see drill down report)');" />
</Tips>
<MarkerConfig Fill="#FF0000" Stroke="#FF0000" Type="Circle" Radius="2" StrokeWidth="2" Cursor="pointer" />
<Style Stroke="#FF0000" StrokeWidth="2" />
<Listeners>
<ItemMouseUp Handler="Ext.net.DirectMethods.BindYtdChartDrillDownData(it em.storeItem.raw.Month, item.storeItem.raw.Year);" />
<AfterRender Handler="this.markerGroup.each(function(m) { m.addCls('showPointerCursor'); });" />
</Listeners>
</ext:LineSeries>
<ext:LineSeries Axis="Left" XField="MonthNYear" YField="Actuals" Title="Actuals" Smooth="3">

<Tips ID="Tips1" runat="server" TrackMouse="true" Width="300" Anchor="left" Height="20" Cls="chartToolTip">
<%-- <Renderer Handler="this.update(String(item.value[1]))" />--%>
<Renderer Handler="this.setTitle('Actuals: ' + Ext.util.Format.number(item.value[1],'000.00') + ' (Click here to see drill down report)');" />
</Tips>
<MarkerConfig Fill="000081" Stroke="000081" Type="Circle" Radius="2" StrokeWidth="1" Cursor="pointer" />
<Style Stroke="#000081" StrokeWidth="2.5" />

<Listeners>
<ItemMouseUp Handler="Ext.net.DirectMethods.BindYtdChartDrillDownData(it em.storeItem.raw.Month, item.storeItem.raw.Year);" />
<AfterRender Handler="this.markerGroup.each(function(m) { m.addCls('showPointerCursor'); });" />
</Listeners>

</ext:LineSeries>
</Series>
</ext:Chart>

Daniil
Sep 01, 2015, 2:39 PM
Please start new forum threads for each issue.