Not able to rendering charts in an application I have upgraded from ext 1.4 to ext 4.5 but chart stopped rendering

  1. #1

    Not able to rendering charts in an application I have upgraded from ext 1.4 to ext 4.5 but chart stopped rendering

    Hi Team

    I have upgraged an ext.net 1.5 application with custom chart functionality. But the chart is not getting renedered after I we have upgraded the applicatoin. Here is the custom code of the application.

    Here is the sample code for chart.

       <ext:Chart
                ID="PrdDisChart"
                runat="server"
                Shadow="true"
                ColumnWidth=".5"
                Flex="1"
                Region="Center"
                Theme="Base:gradients">
    
                <LegendConfig Position="Right" />
                <Store>
                    <ext:Store ID="storePrdDis" runat="server">
                        <Model>
                            <ext:Model ID="modelPrdDis" runat="server">
                                <Fields>
                                    <ext:ModelField Name="Name" Type="String" />
                                    <ext:ModelField Name="Sales" Type="Float" />
                                    <ext:ModelField Name="Number" Type="Float" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
    
                <Series>
                    <ext:PieSeries
                        AngleField="Sales"
                        ShowInLegend="true"
                        Donut="10"
                        Highlight="true"
                        HighlightSegmentMargin="10">
                        <Label Field="Name" Display="Rotate" Contrast="true" Font="11px Arial" Hidden="true" />
                        <Tips runat="server" TrackMouse="true" Width="350" Height="30">
                            <Renderer Fn="tipRenderer" />
                        </Tips>
                    </ext:PieSeries>
                </Series>
            </ext:Chart>
    codebehind.cs

    public  void CreateGraph()
            {
                var label = string.Empty;
                var data = GetData();          
                PrdDisChart.GetStore().DataSource = data;
                PrdDisChart.DataBind();
                grdProduct.ReadData<BestSellingProductRecord>(data);
            }
    GetData() is a server side code for returning the data.
    Last edited by fabricio.murta; Sep 10, 2020 at 2:46 AM.
  2. #2
    Hello @ayyappa, and welcome to Ext.NET forums!

    First of all, I wanted ask you to dedicate a bit of your time to review our forum guidelines, they provide valuable information on how you can get better support from here by posting questions we can better understand and provide more helpful replies.

    - Tips for creating simplified code samples
    - More Information Required
    - Forum Guidelines

    Then, for your problem, there's a general tip that might just help you: use Visual Studio's intellisense to your favor. You have probably noticed green "squiggles" beneath the <ext:Chart text in your code while in Visual Studio. Hover the mouse over. You'll see there's no such component at all. Then you can just experiment with intellisense, and it will suggest you several alternatives, where you'll see CartesianChart; which is the substitute of the component; changed from Ext.NET 1 to 2.

    Furthermore, you have the Examples Explorer with over 500 examples only for WebForms, in which you'll have several Pie Chart examples you can base the new version from. Here's a list of examples using ext:PieSeries:
    1. Chart > Combination > Infographic
    2. Chart > Combination > Infographic
    3. Chart > Misc > ToolTips
    4. Chart > Pie > Basic
    5. Chart > Pie > Renderer
    6. Desktop > Introduction > Overview

    You can either open the examples directly and then click Source button to see their source code, or you can make a full clone of the examples explorer project so you can search code, test changes, and even better: provide test cases that everyone else can actually run in case you can reproduce an issue off an example. The project is hosted at github under extnet/examples.ext.net.

    Hope this helps!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 1
    Last Post: Mar 27, 2018, 3:40 PM
  2. [CLOSED] chart rendering problem and ext resources
    By mirwais in forum 4.x Legacy Premium Help
    Replies: 8
    Last Post: Dec 19, 2017, 5:14 PM
  3. Rendering Two Charts
    By carlesi in forum 2.x Help
    Replies: 0
    Last Post: Mar 31, 2015, 8:57 PM
  4. [CLOSED] Rendering Content to an Ext.Panel
    By edip in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Oct 29, 2013, 11:57 AM
  5. Slow rendering of Ext JS
    By westerncape1000 in forum 1.x Help
    Replies: 1
    Last Post: Sep 13, 2011, 9:43 AM

Posting Permissions