在實(shí)際應(yīng)用中，我們可能會(huì)遇到需要實(shí)時(shí)的顯示某一些數(shù)據(jù)的情況，比如心電圖、CPU當(dāng)前使用率或者內(nèi)存使用率等等。在Visifire Silverlight有一個(gè)Timer組件可以輕松的做到這一點(diǎn)，該組件可以每隔一段時(shí)間就調(diào)用一次需要處理的函數(shù)，在此這個(gè)函數(shù)中通過WebService,WCF等獲取到相應(yīng)的值，然后更新UI上的圖表控件，以達(dá)到實(shí)時(shí)更新數(shù)據(jù)的作用。

現(xiàn)在我們來看看Timer組件的使用思路：

首先將現(xiàn)有的UI線程賦值出來，并且初始化Timer組件Timer  timer=Timer(TimerCallback, Object, Int32, Int32) 這里有4個(gè)參數(shù)。

第一個(gè)參數(shù)是需要處理的函數(shù)的委托

第二個(gè)參數(shù)是需要帶入處理函數(shù)的參數(shù)對(duì)象

第三個(gè)參數(shù)是從創(chuàng)建Timer對(duì)象到Timer對(duì)象執(zhí)行委托函數(shù)的時(shí)間間隔

第四個(gè)參數(shù)是每隔多少毫秒執(zhí)行一次委托函數(shù)

然后再委托函數(shù)中我們獲取到當(dāng)前的需要顯示的數(shù)據(jù)值，調(diào)用UI線程顯示到圖表中（在本實(shí)例中我們使用Random.Next(100)的隨機(jī)數(shù)來模擬數(shù)據(jù)源）。在數(shù)據(jù)顯示過程中我們可以通過調(diào)用timer.Change(int32,int32)來重置Timer啟動(dòng)時(shí)間和處理委托函數(shù)的間隔時(shí)間，也可以通過調(diào)用timer.Disponse()方法來釋放Timer組件對(duì)象。

 本實(shí)例中為了讓節(jié)面顯得更加的美觀大方，我們初始化了30個(gè)值50的點(diǎn)，然后在每調(diào)用Timer委托的函數(shù)中每在最后添加一個(gè)點(diǎn)，就將最前面的點(diǎn)減去。下面我們看項(xiàng)目的實(shí)例源碼：

/// <summary>
        /// 創(chuàng)建一個(gè)圖表
        /// </summary>
        /// <param name="tableName">表名字</param>
        /// <param name="updateTime">時(shí)間段的集合</param>
        /// <param name="value">對(duì)應(yīng)時(shí)間段集合的值</param>
        /// <param name="row">本表在主Grid里面的ROW值</param>
        /// <param name="column">本表在主Grid里面的column值</param>
        /// <param name="rihgtStr">Y軸的后綴</param>
        /// <param name="tspan">時(shí)間段間隔</param>
        /// <param name="chartInterval">圖表兩點(diǎn)之間的間隔</param>
        /// <param name="intervaltype">圖表的X軸坐標(biāo)按什么來分類，如時(shí)分秒</param>
        public void CreateChart(string tableName, int row, int column, string rihgtStr, TimeSpan tspan, int chartInterval, IntervalTypes intervaltype)
        {
            // 創(chuàng)建一個(gè)圖標(biāo)
            Chart chart = new Chart();

            // 設(shè)置圖標(biāo)的寬度和高度
            chart.Width = 500;
            chart.Height = 400;
            chart.ToolBarEnabled = true;

            // 設(shè)置圖標(biāo)的屬性
            chart.ScrollingEnabled = false;
            chart.View3D = true;

            // 創(chuàng)建一個(gè)標(biāo)題的對(duì)象
            Title title = new Title();

            // 設(shè)置標(biāo)題的名稱
            title.Text = tableName;
            title.Padding = new Thickness(0, 10, 5, 0);

            // 向圖標(biāo)添加標(biāo)題
            chart.Titles.Add(title);

            // 初始化一個(gè)新的Axis
            Axis xAxis = new Axis();

            // 設(shè)置axis的屬性
            //圖表的X軸坐標(biāo)按什么來分類，如時(shí)分秒
            xAxis.IntervalType = intervaltype;
            //圖表中的X軸坐標(biāo)間隔如2，3，20等，單位為xAxis.IntervalType設(shè)置的時(shí)分秒。
            xAxis.Interval = chartInterval;
            //設(shè)置X軸的時(shí)間顯示格式為7-10 11：20
            xAxis.ValueFormatString = "hh:mm:ss";
            //給圖標(biāo)添加Axis
            chart.AxesX.Add(xAxis);
            Axis yAxis = new Axis();
            //設(shè)置圖標(biāo)中Y軸的最小值永遠(yuǎn)為0
            yAxis.AxisMinimum = 0;
            //設(shè)置圖表中Y軸的后綴
            yAxis.Suffix = rihgtStr;
            chart.AxesY.Add(yAxis);
                // 創(chuàng)建一個(gè)新的數(shù)據(jù)線。
                DataSeries dataSeries = new DataSeries();

                // 設(shè)置數(shù)據(jù)線的格式。
                dataSeries.RenderAs = RenderAs.Line;
                dataSeries.XValueType = ChartValueTypes.DateTime;


                // 添加數(shù)據(jù)線到數(shù)據(jù)序列。
                chart.Series.Add(dataSeries);

            //將生產(chǎn)的圖表增加到Grid，然后通過Grid添加到上層Grid.
            Grid gr = new Grid();
            gr.Children.Add(chart);
            Grid.SetRow(gr, row);
            Grid.SetColumn(gr, column);
            gr.Margin = new Thickness(5);
            gr.VerticalAlignment = VerticalAlignment.Top;
            gr.HorizontalAlignment = HorizontalAlignment.Left;
            //增加一個(gè)遮罩層到gr，將visifire的水印遮掉。
            StackPanel sp = new StackPanel();
            sp.Width = 160;
            sp.Height = 18;
            sp.Margin = new Thickness(0, 3, 6, 0);
            sp.VerticalAlignment = VerticalAlignment.Top;
            sp.HorizontalAlignment = HorizontalAlignment.Right;
            sp.Background = new SolidColorBrush(Colors.White);
            gr.Children.Add(sp);
            LayoutRoot.Children.Add(gr);
           //初始化30個(gè)DataPoint點(diǎn)，這些點(diǎn)都是50的值，一個(gè)平滑的曲線，目的在于讓后續(xù)點(diǎn)的出現(xiàn)不會(huì)太唐突導(dǎo)致不美觀。
            int s = 30;
            for (int n = 0; n < 30; n++)
            {
                DataPoint dpoint = new DataPoint();
                dpoint.XValue = new DateTime(2010, 2, 15, 6, s+n, 03);
                Random rom = new Random();
                dpoint.YValue = 50.0;
                chart.Series[0].DataPoints.Add(dpoint);
            }
            //將當(dāng)前的UI進(jìn)程賦給thread；以供下面使用
            thread = System.Threading.SynchronizationContext.Current;
            //啟動(dòng)Timer組件，開始增加DataPoint點(diǎn)
            time = new Timer(AddPoint, chart, 1000, 1000);
        }
        //時(shí)間標(biāo)志，不用關(guān)注
        int TimeFlag = 0;
        Timer time;
        System.Threading.SynchronizationContext  thread;
        public void AddPoint(object state)
        {
            //UI線程更新內(nèi)容
            thread.Post(delegate
            {
                Chart chart = state as Chart;
                DataPoint dpoint = new DataPoint();
                dpoint.XValue = new DateTime(2010, 2, 15, 7, TimeFlag, 03);
                //獲取到隨機(jī)數(shù)
                Random rom = new Random();
                int num= rom.Next(100);
                dpoint.YValue = double.Parse(num.ToString());
                chart.Series[0].DataPoints.Add(dpoint);
                //設(shè)置每增加了一個(gè)點(diǎn)，就將最前面的那個(gè)點(diǎn)去掉。
                chart.Series[0].DataPoints.Remove(chart.Series[0].DataPoints[0]);
                TimeFlag++;
            }, null);

            //此處我們?cè)O(shè)置標(biāo)志等于59的時(shí)候取消Timer的運(yùn)行
            if (TimeFlag == 59)
            {
                time.Dispose();
            }
        }

本實(shí)例只模擬了59個(gè)點(diǎn)，如有需要稍微修改一下邏輯即可。VS2010+Silverlight 4.0的開發(fā)環(huán)境，下面請(qǐng)看效果圖如下：