ASP.NET trend refreshing problem

[BNFIndia]

Hi,

We are using the TeeChart.NET. We have developed a sample page using ASP.NET and periodically we are getting the trend data from the database. The data udpate interval is currently set to 5 seconds. Whenever the data is updated to the trend, the web page becomes blank (the trend disappears) and it will appear once the data is inserted. We are using Update Panel. However it seems like flickering but with the correct data/trend values. We need to show the real time data/trend and in this case the trend should not be disappeared, is there any way to do it? Please write details.

TR,
Sunil Warke

[Narcís]

Hi Sunil,

You could try doing as I suggested here.

If this doesn't help please attach a simple example project we can run "as-is" to reproduce the problem here. You can use a runtime-created datatable, as in Christopher Ireland's example here, and refresh it with a timer.

Thanks in advance.

[BNFIndia]

Hi,

As per your instruction i have tried to develop web Chart but still it flickring.

I have attached Sample project here.In which i have tried it in two ways.

1-> Run Index.aspx page from project. In which i have used pure Ajax function to get chart from another page(ChartPage.aspx).
2-> Run Index1.aspx in which i have used Ajax timer to Refresh chart every 5 sec.

But still not able to solve that problem.

To run this sample you have to add Reference of Teechart dll. Due tolimitation of 512 kb Max upload i am deleted Teechart dll from bin folder.
Please go through attached project and reply.

Thanks.

[Sandra]

Hello BNFIndia,

As per your instruction i have tried to develop web Chart but still it flickring.

TeeChart for .NET, in WebForms applications, renders the charts at the server and sends them to the client as an image. When recalculating a chart a "trip" to the server is necessary a new images needs to be loaded at the client and therefore this kind of flickering occurs.
We check that index1 works correctly using last version of TeeChart .Net. Please, could you say what your version of TeeChart.Net is?

Thanks,

[BNFIndia]

HI,

We have a Teechart Pro 4.0.2009.28594 (TeeChartNET2009VSNET2008).

I know that in each refresh Chart rendered in image and for good performance i have set Chart Picture in .gif format but still it takes almost 1 sec to load the chart.
Is there any alternative that we can just change points on the chart rather than whole image refresh..? or any other way to solve this problem?

Thanks.

[Narcís]

Hi BNFIndia,

We have a Teechart Pro 4.0.2009.28594 (TeeChartNET2009VSNET2008).

Please notice there's a newer version available at the client area. Could you please try using it?

Is there any alternative that we can just change points on the chart rather than whole image refresh..? or any other way to solve this problem?

Using the latest version does the Ajax option work fine at your end?

Thanks in advance.

[BNFIndia]

HI,

I have tried with the new version that i can see in Downloads->Registered User in our account. and also try with new evolution version on your site.
but still same problem. New version does not solve the problem.

Actually while loading sample data then it is little bit quick but while loading with original data then same problem.

Actually we have to use this in Real Time application on web so we can not allow this kind of chart refreshing.

Please Let us know if any Solution.

Thanks
BNFIndia

[BNFIndia]

Hi,

I have tried all possible way to overcome flickering problem but still not able o solve flickering problem.
This problem is because each time Chart is rendered in new image and eachime Chart image is replaced with new chart image.

Actually we have realtime system,so we need to change data rather than changing whole chart image.

So,Can you please tell me is it possible with Teechart for java or any other web technolgy that can solve our problem.

Thanks in Advance
BNFIndia.

[Marc]

Hello BNFIndia,

The TeeChart for .NET WebChart adds any new data as a complete Chart change before rendering. If a complete chart refresh is unsatisfactory then more suitable would be a live client-side Chart. Steema currently offers these options for that:

- TeeChart for .NET Silverlight. Offers richer clientside support. Supported by Silverlight compatible browsers.
- TeeChart for Java (in an Applet that looks for/adds new individual/batch data points. Extended functionality may be added as if it were a desktop application). Supported by most browser types.
- TeeChart ActiveX control, supported only in Internet Explorer but with a featureset similar to that of the Java version.

As you already have the NET version an easy test for you to try would be to open the Silverlight demo and modify it to resemble your requirements. You can add a timer to the application in the following way:

Code: Select all

    public void StartTimer()
    {
      System.Windows.Threading.DispatcherTimer myDispatcherTimer = new System.Windows.Threading.DispatcherTimer();
      myDispatcherTimer.Interval = new TimeSpan(0, 0, 0, 0, 100); // 100 Milliseconds
      myDispatcherTimer.Tick += new EventHandler(Each_Tick);
      myDispatcherTimer.Start();
    }

    public void Each_Tick(object o, EventArgs sender)
    {
      //data load simulation, random data. Use your own db or url data load routines
      Random r=new Random();
      tChart1[0].Add(tChart1[0].XValues.Last+1,r.Next());

      if (tChart1[0].Count > 40)
      {
        //scroll data or delete earlier values
        //tChart1.Axes.Bottom.Scroll(1, false);
        tChart1[0].Delete(0);
      }
    }

    private void InitializeChart()
    {
      StartTimer();

      BlackIsBackTheme theme = new BlackIsBackTheme(tChart1.Chart);
      toolsDemos = new ToolsGalleryDemos(tChart1, theme, grid1.Children);
      cbSeries.SelectionChanged += new SelectionChangedEventHandler(cbSeries_SelectionChanged);
      cbThemes.SelectionChanged += new SelectionChangedEventHandler(cbThemes_SelectionChanged);
      cbTools.SelectionChanged += new SelectionChangedEventHandler(cbTools_SelectionChanged);
      cbZoomScroll.SelectionChanged += new SelectionChangedEventHandler(cbZoomScroll_SelectionChanged);
      AddSeries();
      AddTools();
      AddThemes();
      AddZoomScroll();
      cb2D.Click += new RoutedEventHandler(cb2D_Click);
      setting = true;
      cbTools.SelectedItem = typeof(Rotate);
      cbZoomScroll.SelectedIndex = 0;
      setting = false;

      //let's set the default Series type to FastLine
      cbSeries.SelectedIndex = 18;
    }

Regards,
Marc Meumann