[FIXED] [#893] [2.5.4] Line is little bit going away from line chart with markconfig tyle as Square

  1. #1

    [FIXED] [#893] [2.5.4] Line is little bit going away from line chart with markconfig tyle as Square

    HI Daniil

    Line chart with markconfig style as Square issue - Line is little bit going away from square symbol when the markconfig style as Square and same in the Legend.

    Please find the code and screenshot

    <%@ Page Language="C#" AutoEventWireup="true" %>
    
    <%@ Import Namespace="System.Xml" %>
    <%@ Import Namespace="System.Collections.Generic" %>
    <%@ Import Namespace="System.Data.SqlClient" %>
    <%@ Import Namespace="System.Data" %>
    <%@ Import Namespace="Ext.Net" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server"> 
     
     
    
        protected void Page_Load(object sender, EventArgs e)
        {
    
            if (!X.IsAjaxRequest)
            {
                try
                {
                    BindRecords();
                }
                catch (System.Data.SqlClient.SqlException ex)
                {
                    string strin = ex.ToString();
                }
            }
        }
    
        public void BindRecords()
        {
            DataTable dtSpiCpi = new DataTable();
            dtSpiCpi.Locale = System.Globalization.CultureInfo.InvariantCulture;
            dtSpiCpi.Columns.Add("MonthNYear", typeof(string));
            dtSpiCpi.Columns.Add("Column1", typeof(decimal));
            dtSpiCpi.Columns.Add("Column2", typeof(decimal));
            dtSpiCpi.Columns.Add("Column3", typeof(decimal));
            dtSpiCpi.Columns.Add("Column4", typeof(decimal));
            dtSpiCpi.Columns.Add("Column5", typeof(decimal));
    
            DataRow objRow = null;
    
            for (int index = 1; index <= 12; index++)
            {
                objRow = dtSpiCpi.NewRow();
                objRow["MonthNYear"] = index + "Jan15";
    
                if (index < 3)
                {
                    objRow["Column1"] = Convert.ToDecimal("2.50");
                    objRow["Column3"] = Convert.ToDecimal("2.10");
                    objRow["Column4"] = Convert.ToDecimal("2.00");
                    objRow["Column2"] = Convert.ToDecimal("1.0");
                    //objRow["Column5"] = Convert.ToDecimal("2.3");
                }
                else if (index < 5)
                {
                    objRow["Column1"] = Convert.ToDecimal("1.0");
                    objRow["Column2"] = Convert.ToDecimal("2.0");
                    //objRow["Column3"] = Convert.ToDecimal("3.0");
                    objRow["Column4"] = Convert.ToDecimal("4.0");
                    objRow["Column5"] = Convert.ToDecimal("2.3");
                }
                else if (index < 7)
                {
                    objRow["Column1"] = Convert.ToDecimal("9.0");
                    objRow["Column2"] = Convert.ToDecimal("3.0");
                    objRow["Column3"] = Convert.ToDecimal("2.0");
                    objRow["Column4"] = Convert.ToDecimal("3.0");
                    objRow["Column5"] = Convert.ToDecimal("2.3");
    
                }
                else
                {
                    objRow["Column1"] = Convert.ToDecimal("4.9");
                    objRow["Column2"] = Convert.ToDecimal("3.0");
                    objRow["Column3"] = Convert.ToDecimal("2.0");
                    objRow["Column4"] = Convert.ToDecimal("1.0");
                    objRow["Column5"] = Convert.ToDecimal("2.3");
    
                }
                //objRow["Column5"] = Convert.ToDecimal("4.9");
                dtSpiCpi.Rows.Add(objRow);
            }
    
            storeFillRate.RemoveAll();
    
    
            storeFillRate.DataSource = dtSpiCpi;
            storeFillRate.DataBind();
    
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Submit MultiSelect Values - Ext.NET Examples</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            
        </style>
        <ext:XScript ID="XScript1" runat="server">
    
            <script type="text/javascript">   
        </script>
            
            
    
        </ext:XScript>
        <script type="text/javascript" language="javascript">
    
    
             
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" Namespace="" />
            <table border="0">
                <tr>
                    <td>
                        <%-- <ext:ChartTheme ID="ChartTheme1" runat="server" ThemeName="CustomBlue">
                            <Axis Stroke="Black" />
                            <AxisLabelLeft Font="normal 11px Arial" StrokeWidth="0.5" />
                            <AxisLabelBottom Font="normal 11px Arial" StrokeWidth="0.5" />
                            <AxisLabel Font="normal 8.5px Arial" StrokeWidth="0.5" />
                        </ext:ChartTheme>--%>
                        <%-- <ext:ChartTheme ID="ChartTheme1" runat="server" ThemeName="FancyTheme">
                            <CustomConfig>
                                <ext:ConfigItem Name="colors" Value="['#ffff00', '#00008b', '##ffc0cb', '##87ceeb']" Mode="Raw" /> 
                            </CustomConfig>
                        </ext:ChartTheme>--%>
    
                        <ext:ChartTheme ID="FancyTheme" runat="server" ThemeName="FancyTheme"> 
                            <CustomConfig>
                                <ext:ConfigItem Name="colors" Value="['#ffff00', '#00008b', '#ffc0cb', '#87ceeb']" Mode="Raw" />
                            </CustomConfig>
                        </ext:ChartTheme>
    
                        <ext:Panel ID="PanelYtd" runat="server" Width="1000" Border="false" Height="500" Layout="FitLayout">
                            <Items>
                                <ext:Chart ID="chartFillRate" runat="server" Shadow="true" Animate="true" Width="955" Height="420" Theme="FancyTheme" ShadowMode="None"
                                    StyleSpec="background:#ffffff">
                                    <Store>
                                        <ext:Store ID="storeFillRate" runat="server">
                                            <Model>
                                                <ext:Model ID="Model36" runat="server">
                                                    <Fields>
                                                        <ext:ModelField Name="MonthNYear" />
                                                        <ext:ModelField Name="Column1" />
                                                        <ext:ModelField Name="Column2" />
                                                        <ext:ModelField Name="Column3" />
                                                        <ext:ModelField Name="Column4" />
                                                        <ext:ModelField Name="Column5" >
                                                            <Convert Handler="if (value == null) { 
                                                                value = undefined;
                                                            }                                                 
                                                            return value;" />
                                                        </ext:ModelField>
                                                    </Fields>
                                                </ext:Model>
                                            </Model>
                                        </ext:Store>
                                    </Store>
                                    <%--<LegendConfig Position="Bottom" BoxStroke="false" LabelFont="8.5pt Arial" />--%>
                                     <LegendConfig Position="Bottom" BoxStroke="White" BoxStrokeWidth="5" ItemSpacing="15" LabelFont="normal 11px Arial;" />
                                    <Axes>
                                        <ext:NumericAxis Fields="Column1,Column2,Column3,Column4,Column5" Title="FTE">
                                            <LabelTitle Font="normal 11px Arial;" Fill="Black"  />
                                            <Label Font="normal 11px Arial;" Fill="Black"  /> 
                                            <GridConfig>
                                                <Odd Opacity="1" Fill="#FFFFFF" Stroke="#bbb" StrokeWidth="0.5" />
                                                <Even Opacity="1" Fill="#FFFFFF" Stroke="#bbb" StrokeWidth="0.5" />
                                            </GridConfig>
                                            <%--<GridConfig>
        <Odd StrokeOpacity="1" FillOpacity="1" Stroke="black" StrokeWidth="0.5"/>
        <Even StrokeOpacity="1" FillOpacity="1" Stroke="black" StrokeWidth="0.5"/>
    </GridConfig>--%>
                                        </ext:NumericAxis>
                                        <ext:CategoryAxis Fields="MonthNYear" Position="Bottom" Title="Month Year">
                                            <LabelTitle Font="normal 11px Arial;" Fill="Black"/>
                                            <Label Font="normal 11px Arial;" Fill="Black" />
                                        </ext:CategoryAxis>
                                    </Axes>
                                    <Series>
                                        <ext:ColumnSeries Axis="Bottom" XField="MonthNYear" YField="Column1,Column2,Column3,Column4" Stacked="true"
                                            Highlight="true" ShowInLegend="true" Gutter="100">
                                            <Tips ID="Tips1" runat="server" TrackMouse="true" Width="200" Height="28">
                                                <%--<Renderer Handler="this.setTitle(String(item.value[1]) + 'M');" />--%>
                                                <Renderer Handler="this.setTitle(item.yField  + ': ' + String(item.value[1]) );" />
                                            </Tips>
                                            <Label FontFamily="Arial" FontSize="8.5px" />
                                        </ext:ColumnSeries>
                                        <ext:LineSeries Axis="Left" XField="MonthNYear" YField="Column5" Title="FTE" Smooth="05">
                                            <MarkerConfig Fill="#FF0000" Stroke="#FF0000" Type="Square" Radius="2" StrokeWidth="1"  />
                                            <Style Stroke="#FF0000" StrokeWidth="2" /> 
                                        </ext:LineSeries>
                                    </Series>
                                </ext:Chart>
                            </Items>
                        </ext:Panel>
    
                    </td>
                </tr>
            </table>
    
        </form>
    </body>
    </html>
    Regards
    Praveen
    Attached Thumbnails Click image for larger version. 

Name:	FillrateFCS.png 
Views:	65 
Size:	22.7 KB 
ID:	24221  
    Last edited by Daniil; Sep 11, 2015 at 8:21 AM. Reason: [FIXED] [#893] [2.5.4]
  2. #2
    Hi @praveencat123,

    Thank you for the report!

    Created an Issue.
    https://github.com/extnet/Ext.NET/issues/893

    I am investigating.
  3. #3
    It has been fixed in the revision #6560 (branches/2). It goes to the 2.5.4 release.

Similar Threads

  1. [CLOSED] Line chart is Crossing the chart number axis
    By praveencat123 in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 26, 2015, 8:11 AM
  2. [CODE] line number and line break
    By RCN in forum Open Discussions
    Replies: 3
    Last Post: Feb 10, 2015, 7:49 PM
  3. [CLOSED] Dotted line renders as solid line in line chart image
    By PriceRightHTML5team in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 01, 2014, 5:28 PM
  4. Replies: 2
    Last Post: Nov 07, 2013, 1:03 PM
  5. [CLOSED] Chart Line
    By pdcase in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Aug 14, 2012, 3:25 PM

Tags for this Thread

Posting Permissions