[CLOSED] Ext.Net chart - two sided Y axis

  1. #1

    [CLOSED] Ext.Net chart - two sided Y axis

    Click image for larger version. 

Name:	TwoSidedYaxis.png 
Views:	31 
Size:	21.3 KB 
ID:	24154

    As attached image, we need to show two sided "Y" axis. please let me know how we can do that.
    Last edited by Daniil; Aug 26, 2015 at 6:17 AM. Reason: [CLOSED]
  2. #2
    Hi @velusoft,

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

    Ext. Net chart - Issues

    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(item.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(item.storeItem.raw.Month, item.storeItem.raw.Year);" />
                                                                                    <AfterRender Handler="this.markerGroup.each(function(m) { m.addCls('showPointerCursor'); });" />
                                                                                </Listeners>
    
                                                                            </ext:LineSeries>
                                                                        </Series>
                                                                    </ext:Chart>
  4. #4
    Please start new forum threads for each issue.

Similar Threads

  1. [CLOSED] Multiple labels on chart x-axis
    By Woodhac in forum 3.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 08, 2015, 9:41 PM
  2. [CLOSED] Chart axis label alignment
    By dataworks in forum 2.x Legacy Premium Help
    Replies: 7
    Last Post: Sep 19, 2014, 3:51 PM
  3. [OPEN] [#252] Axis color in Chart
    By livehealthierGF in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: May 29, 2013, 3:54 AM
  4. [OPEN] [#192] Chart axis setTitle
    By bayoglu in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Apr 10, 2013, 6:02 PM
  5. Replies: 2
    Last Post: Aug 13, 2012, 2:12 PM

Posting Permissions