Sliverlight图形控件Visifire使用体会

1.由于项目（sliverlight项目）中要用图形来显示实时或历史数据

　　因此，从网上找了些资料，有两种控件比较适合

　　1.sliverlight tool kit

　　2.visifire

　　个人比较喜欢visifire的风格，因此就选择了这个。

2.测试效果

　　图1

　　图2

　　图3

3 代码

1.xaml代码

代码

<UserControl xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"  x:Class="YYKJ.ZHGIS.WEB.UserControls.TestChart"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="500" Height="400">
    <Grid x:Name="LayoutRoot">
        <Canvas x:Name="mainCV" Canvas.Top="100" Margin="0,50,0,0"></Canvas>
        <StackPanel x:Name="spCover" Width="100" Height="25" HorizontalAlignment="Right" Margin="0,50,0,0" VerticalAlignment="Top" Background="Black" Visibility="Collapsed"/>
    </Grid>
</UserControl>

其中mainCV是用来放图形的

　　spCover是用来遮挡visifire的水印的（效果图没传）

2.C#代码

代码

public void CreateChart(ObservableCollection<ETPiValue> oc)
        {
            Chart chart = new Chart();

            //设置主题 有Theme1 Theme2 Theme3
            chart.Theme = "Theme3";
            //是否3D显示
            chart.View3D = true;
            //宽
            chart.Width = 500;
            //高
            chart.Height = 300;

            //图形标题
            Title title = new Title();     
            title.Text = "测试图形";
            chart.Titles.Add(title);

            //图形类型 RenderAs是枚举类型 有很多种图形 如棒图 饼图等等
            DataSeries dataSeries = new DataSeries();
            dataSeries.RenderAs = RenderAs.StackedArea;

            DataPoint dataPoint;

            for (int i = 0; i < oc.Count; i++)
            {
                dataPoint = new DataPoint();

                //Y轴数据
                dataPoint.YValue = Convert.ToDouble(oc[i].TagValue);
                //X轴名称
                dataPoint.AxisXLabel = oc[i].SubName;

                //SolidColorBrush sc = new SolidColorBrush();
                //sc.Color = new Color { B = 0, G = 0, R = 255, A = 255 };
                //dataPoint.Color = sc;
                //dataPoint.ToolTipText = "1111";

                dataSeries.DataPoints.Add(dataPoint);
            }

            chart.Series.Add(dataSeries);

            mainCV.Children.Add(chart);
            //遮罩层 用于取出水印
            spCover.Visibility = Visibility.Visible;
        }

基本用法已经写在注释里了，就不做解释了。

纠错：遮罩层用于挡住水印，代码里打错字...

4 使用前先要把visifire的dll引用进来，再在代码里引用两个命名空间。

5 大家有什么的图形控件一起分享下。