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

[ayyappa]

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.

[fabricio.murta]

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!