WPF项目中使用柱状图、饼状图、折线图

在开发的过程中，可能会遇到柱状图、饼状图、折线图来更好的显示数据，最近整理了一下，遂放出来望需要的朋友可以参考。本文仅仅是简单显示，如需复杂显示效果请参考官网代码示例。----本文代码使用WPF，Silverlight类似代码，使用第三方wpf_visifire_v5.1.2-0_trial控件。

后续会放上Html5示例。

代码下载地址：代码下载

先放上一组截图吧：













公共数据：

 

柱状图：

public void CreateChartColumn(string name, List<string> valuex, List<string> valuey)

        {

            //创建一个图标

            Chart chart = new Chart();

            //设置图标的宽度和高度

            chart.Width = 580;

            chart.Height = 380;

            c
d15a
hart.Margin = new Thickness(100, 5, 10, 5);

            //是否启用打印和保持图片

            chart.ToolBarEnabled = false;

            //设置图标的属性

            chart.ScrollingEnabled = false;//是否启用或禁用滚动

            chart.View3D = true;//3D效果显示

            //创建一个标题的对象

            Title title = new Title();

            //设置标题的名称

            title.Text = Name;

            title.Padding = new Thickness(0, 10, 5, 0);

            //向图标添加标题

            chart.Titles.Add(title);

            Axis yAxis = new Axis();

            //设置图标中Y轴的最小值永远为0          

            yAxis.AxisMinimum = 0;

            //设置图表中Y轴的后缀         

            yAxis.Suffix = "斤";

            chart.AxesY.Add(yAxis);

            // 创建一个新的数据线。              

            DataSeries dataSeries = new DataSeries();

            // 设置数据线的格式

            dataSeries.RenderAs = RenderAs.StackedColumn;//柱状Stacked

            // 设置数据点             

            DataPoint dataPoint;

            for (int i = 0; i < valuex.Count; i++)

            {

                // 创建一个数据点的实例。                  

                dataPoint = new DataPoint();

                // 设置X轴点                   

                dataPoint.AxisXLabel = valuex[i];

                //设置Y轴点                  

                dataPoint.YValue = double.Parse(valuey[i]);

                //添加一个点击事件       

                dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);

                //添加数据点                  

                dataSeries.DataPoints.Add(dataPoint);

            }

            // 添加数据线到数据序列。               

            chart.Series.Add(dataSeries);

            //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.          

            Grid gr = new Grid();

            gr.Children.Add(chart);

            Simon.Children.Add(gr);

        }

饼状图：

public void CreateChartPie(string name, List<string> valuex, List<string> valuey)

        {

            //创建一个图标

            Chart chart = new Chart();

            //设置图标的宽度和高度

            chart.Width = 580;

            chart.Height = 380;

            chart.Margin = new Thickness(100, 5, 10, 5);

            //是否启用打印和保持图片

            chart.ToolBarEnabled = false;

            //设置图标的属性

            chart.ScrollingEnabled = false;//是否启用或禁用滚动

            chart.View3D = true;//3D效果显示

            //创建一个标题的对象

            Title title = new Title();

            //设置标题的名称

            title.Text = name;

            title.Padding = new Thickness(0, 10, 5, 0);

            //向图标添加标题

            chart.Titles.Add(title);

            //Axis yAxis = new Axis();

            ////设置图标中Y轴的最小值永远为0          

            //yAxis.AxisMinimum = 0;

            ////设置图表中Y轴的后缀         

            //yAxis.Suffix = "斤";

            //chart.AxesY.Add(yAxis);

            // 创建一个新的数据线。              

            DataSeries dataSeries = new DataSeries();

            // 设置数据线的格式

            dataSeries.RenderAs = RenderAs.Pie;//柱状Stacked

            // 设置数据点             

            DataPoint dataPoint;

            for (int i = 0; i < valuex.Count; i++)

            {

                // 创建一个数据点的实例。                  

                dataPoint = new DataPoint();

                // 设置X轴点                   

                dataPoint.AxisXLabel = valuex[i];

                dataPoint.LegendText = "##" + valuex[i];

                //设置Y轴点                  

                dataPoint.YValue = double.Parse(valuey[i]);

                //添加一个点击事件       

                dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);

                //添加数据点                  

                dataSeries.DataPoints.Add(dataPoint);

            }

            // 添加数据线到数据序列。               

            chart.Series.Add(dataSeries);

            //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.          

            Grid gr = new Grid();

            gr.Children.Add(chart);

            Simon.Children.Add(gr);

        }

折线图：

public void CreateChartSpline(string name, List<DateTime> lsTime, List<string> cherry, List<string> pineapple)

        {

            //创建一个图标

            Chart chart = new Chart();

            //设置图标的宽度和高度

            chart.Width = 580;

            chart.Height = 380;

            chart.Margin = new Thickness(100, 5, 10, 5);

            //是否启用打印和保持图片

            chart.ToolBarEnabled = false;

            //设置图标的属性

            chart.ScrollingEnabled = false;//是否启用或禁用滚动

            chart.View3D = true;//3D效果显示

            //创建一个标题的对象

            Title title = new Title();

            //设置标题的名称

            title.Text = name;

            title.Padding = new Thickness(0, 10, 5, 0);

            //向图标添加标题

            chart.Titles.Add(title);

            //初始化一个新的Axis

            Axis xaxis = new Axis();

            //设置Axis的属性

            //图表的X轴坐标按什么来分类，如时分秒

            xaxis.IntervalType = IntervalTypes.Months;

            //图表的X轴坐标间隔如2,3,20等，单位为xAxis.IntervalType设置的时分秒。

            xaxis.Interval = 1;

            //设置X轴的时间显示格式为7-10 11：20          

            xaxis.ValueFormatString = "MM月";

            //给图标添加Axis           

            chart.AxesX.Add(xaxis);

            Axis yAxis = new Axis();

            //设置图标中Y轴的最小值永远为0          

            yAxis.AxisMinimum = 0;

            //设置图表中Y轴的后缀         

            yAxis.Suffix = "斤";

            chart.AxesY.Add(yAxis);

            // 创建一个新的数据线。              

            DataSeries dataSeries = new DataSeries();

            // 设置数据线的格式。              

            dataSeries.LegendText = "樱桃";

            dataSeries.RenderAs = RenderAs.Spline;//折线图

            dataSeries.XValueType = ChartValueTypes.DateTime;

            // 设置数据点             

            DataPoint dataPoint;

            for (int i = 0; i < lsTime.Count; i++)

            {

                // 创建一个数据点的实例。                  

                dataPoint = new DataPoint();

                // 设置X轴点                   

                dataPoint.XValue = lsTime[i];

                //设置Y轴点                  

                dataPoint.YValue = double.Parse(cherry[i]);

                dataPoint.MarkerSize = 8;

                //dataPoint.Tag = tableName.Split('(')[0];

                //设置数据点颜色                 

                // dataPoint.Color = new SolidColorBrush(Colors.LightGray);                  

                dataPoint.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);

                //添加数据点                  

                dataSeries.DataPoints.Add(dataPoint);

            }

            // 添加数据线到数据序列。               

            chart.Series.Add(dataSeries);

            // 创建一个新的数据线。              

            DataSeries dataSeriesPineapple = new DataSeries();

            // 设置数据线的格式。        

            dataSeriesPineapple.LegendText = "菠萝";

            dataSeriesPineapple.RenderAs = RenderAs.Spline;//折线图

            dataSeriesPineapple.XValueType = ChartValueTypes.DateTime;

            // 设置数据点             

            DataPoint dataPoint2;

            for (int i = 0; i < lsTime.Count; i++)

            {

                // 创建一个数据点的实例。                  

                dataPoint2 = new DataPoint();

                // 设置X轴点                   

                dataPoint2.XValue = lsTime[i];

                //设置Y轴点                  

                dataPoint2.YValue = double.Parse(pineapple[i]);

                dataPoint2.MarkerSize = 8;

                //dataPoint2.Tag = tableName.Split('(')[0];

                //设置数据点颜色                 

                // dataPoint.Color = new SolidColorBrush(Colors.LightGray);                  

                dataPoint2.MouseLeftButtonDown += new MouseButtonEventHandler(dataPoint_MouseLeftButtonDown);

                //添加数据点                  

                dataSeriesPineapple.DataPoints.Add(dataPoint2);

            }

            // 添加数据线到数据序列。               

            chart.Series.Add(dataSeriesPineapple);

            //将生产的图表增加到Grid，然后通过Grid添加到上层Grid.          

            Grid gr = new Grid();

            gr.Children.Add(chart);

           

            Simon.Children.Add(gr);

        }

Visifire 是专为WPF、SliverLight、WP开发人员制定的一套图表控件，实现了一系列的专业图表（如：柱图、点图、雷达、饼图、K线图、以及其组合图等）。

它在4.5版本前都是实验阶段，而且是免费的....所以赢得了大部开发人员的青睐。

      然而在2011年后该公司推出的所有版本都开始收费了，这令许多开发人员忘而却步...我也是其中之一。

      如果想继续使用免费版本，那么就不得不对其下的两个Dll进行反编译...就像其它一般的破解方法一样或者利用WPF的独特性对其进行控制。

      方法一.反编译，找到水印的输出入口，并屏蔽它：

                步骤A: 利用Reflector、Reflexil等工具找到装载水印的对象[WPFVisifire.Charts,]->[VisifireControl->CreateWmElement->]

                           this._wMElement.Text
= text;//将屏蔽

                步骤B: 利用Reflector、Reflexil等工具找到装载水印的对象[WPFVisifire.Gauges,]->[VisifireControl->CreateWmElement->]

                           this._wMElement.Text
= text;//将屏蔽

                步骤C: 再利用Reflexil重新编译。

      方法二.代码控制：

               找到水印的输出对象wMElement，将其Visibity设置为Collapsed

                 this._waterBlock = GetChildObject<TextBlock>(this, "Watermark");

                 if (this._waterBlock.Tag.ToString() == "Watermark")

                {

                    this._waterBlock.Text = string.Empty;

                    this._waterBlock.Visibility = System.Windows.Visibility.Collapsed;

                }

      方法三.样式控制：

               由于出现的水印叫Visifire Trial Edition,所以可以将系统中出现的所有该字符对象隐藏

              <Application.Resources>

             <Style TargetType="TextBlock">

             <Setter Property="Visibility" Value="Visible" />

              <Style.Triggers>

                <Trigger Property="Text" Value="Visifire Trial Edition">

                    <Trigger.Setters>

                        <Setter Property="Visibility"  Value="Collapsed"></Setter>

                    </Trigger.Setters>

                </Trigger>

              </Style.Triggers>

            </Style>

           </Application.Resources>

       再发个图:

                 


 

 

现在更坑爹了，加了定时水印显示，还得想办法 了，下面转载的第三个链接就有解决的方法

 

转载自三个地方

http://www.cnblogs.com/sunyjie/p/3410851.html

http://www.cnblogs.com/chinawen/archive/2012/08/31/VisifireWPF.html

http://download.csdn.net/download/athlon128/3201834