[FIXED] [#141] [2.x] Text doesn't appear within Radar chart

  1. #1

    [FIXED] [#141] [2.x] Text doesn't appear within Radar chart

    Hi,
    I implemented a Radar chart but the text doesn't appear within the radar this is the code below :
    ASPX code
    <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <meta name="viewport" content="width=device-width" />
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <form runat="server">
        <ext:Panel ID="Panel2" runat="server" Flex="1" Header="false" Border="false" BodyStyle="background-color: transparent;"
            Height="450">
            <LayoutConfig>
                <ext:HBoxLayoutConfig Align="Stretch" />
            </LayoutConfig>
            <Items>
                <ext:Panel ID="Panel3" Header="true" Border="true" runat="server" Flex="4" MarginSpec="0 0 0 5">
                    <LayoutConfig>
                        <ext:VBoxLayoutConfig Align="Stretch" />
                    </LayoutConfig>
                    <Items>
                        <ext:Chart ID="Chart1" runat="server" Margin="0" InsetPadding="20" Flex="1" StandardTheme="Blue"
                            Animate="true">
                            <Store>
                                <ext:Store ID="RadarStore" runat="server">
                                    <Model>
                                        <ext:Model ID="Model2" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="Data" />
                                                <ext:ModelField Name="Name" />
                                            </Fields>
                                        </ext:Model>
                                    </Model>
                                    <Proxy>
                                        <ext:AjaxProxy Url="/Research/DefaultDataStoreRadar">
                                            <Reader>
                                                <ext:JsonReader Root="data" />
                                            </Reader>
                                        </ext:AjaxProxy>
                                    </Proxy>
                                </ext:Store>
                            </Store>
                            <Axes>
                                <ext:RadialAxis Steps="5" Maximum="100" />
                            </Axes>
                            <Series>
                                <ext:RadarSeries XField="Name" YField="Data" ShowInLegend="false" ShowMarkers="true"
                                    Highlight="true">
                                    <MarkerConfig Radius="4" Size="4" />
                                    <Style Fill="rgb(194,214,240)" Opacity="0.5" StrokeWidth="0.5" />
                                </ext:RadarSeries>
                            </Series>
                        </ext:Chart>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Panel>
        </form>
    </body>
    </html>
    Controller Code:
    public class ResearchController : Controller
        {
            public ActionResult Index()
            {
                return View();
            }
    
            public StoreResult DefaultDataStoreRadar()
            {
                StoreResult storeResult = new StoreResult();
                storeResult.Data = RadarData;
                storeResult.Total = RadarData.Count();
                return storeResult;
            }
    
            public List<object> RadarData
            {
                get
                {
                    return new List<object> 
                { 
                    new { Name = "Price", Data = 100 },
                    new { Name = "Revenue %", Data = 100 },
                    new { Name = "Growth %", Data = 100 },
                    new { Name = "Product %", Data = 100 },
                    new { Name = "Market %", Data = 100 }
                };
                }
            }
    
        }
    Last edited by fabricio.murta; Apr 26, 2016 at 10:34 PM.
  2. #2
    I guess it is a bug. Here is report for Sencha
    http://www.sencha.com/forum/showthre...th-remote-data

    By the way, if bind the data via Data property of store the all works fine
  3. #3
    When the Ext JS release to fix this issue ?
  4. #4
    When the Ext JS release to fix this issue ?
    I don't know, lets wait response from Sencha, as soon Sencha release public version with the fix then we will include it to Ext.Net
  5. #5
    Hello!

    Opened an Issue to track this defect, see:
    https://github.com/extnet/Ext.NET/issues/141
  6. #6
    Hi,
    I have downloaded the latest version of EXT.NET but this bug is not yet fixed.
  7. #7
    Thank you for the feedback!

    Yes, the Sencha thread stays [OPEN].
  8. #8
    Hello! The Sencha thread now reads as fixed! Also, the charts package suffered major changes until the recent versions of Ext.NET that it is not even expected the sample code to reproduce this issue to work on recent Ext.NET versions!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 13
    Last Post: Apr 26, 2016, 10:11 PM
  2. Radar Chart RadialAxis : Axis not showing
    By brunweb in forum 2.x Help
    Replies: 3
    Last Post: Mar 26, 2014, 10:53 AM
  3. Replies: 3
    Last Post: Dec 23, 2013, 2:55 PM
  4. radar chart
    By xuqq360 in forum 1.x Help
    Replies: 0
    Last Post: Aug 07, 2013, 8:43 AM
  5. chart radar
    By xuqq360 in forum 2.x Help
    Replies: 0
    Last Post: Aug 07, 2013, 7:22 AM

Posting Permissions