返回首页

简介
我目前工作的几个数据可视化项目和使用WPF的大部分时间。有关统计资料和数据处理的一个非常有用的图表控件。 WPF工具包是免费和开源的,不过是因为其有限的图表支持几个。在我看来,这是非常有用的,直接使用。
在这里,我只是表现出基本的图表控件,并设置要显示的数据。在未来的文章中,我将展示先进的功能,WPF工具包。年初
没有WPF之前的知识是必需的。你只需要了解HTML(我敢肯定,如今每个人都)。 XAML编码是很有趣。
首先,我会提到的安装步骤,然后将潜入编码为静态数据集可视化的XAML和相关的C#文件。 首先一步呢??安装WPF工具包
从这个网站安装WPF工具包:{A}
(请在这里提到的安装和使用说明。)
在Visual Studio中添加新的WPF应用程序。
如果你不能够查看图表控件在工具箱中,右键单击"工具箱",选择"选择项。然后点击在WPF组件,并选择图表控件(在标题中提到的)。这将控件添加到您的工具箱,你应该能够对XAML的形式拖放。第二个步骤??的XAML编码图表控件
XAML(可扩展应用程序标记语言)是一种声明式应用编程的标记语言。如果你有兴趣了解更多有关XAML,请参阅MSDN文档在{A2}。
正如你可以看到在以下MainWindow.xaml代码中,有很多的LT; chartingToolkit:Chartgt;标签,每一个指的是,我们要使用的5种不同的图表控件。

<Window x:Class="WpfToolkitChart.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="1031" Width="855" xmlns:chartingToolkit<span class="code-keyword">=

	"</span><span class="code-keyword">clr-namespace:System.Windows.Controls.DataVisualization.Charting;

	assembly=System.Windows.Controls.DataVisualization.Toolkit"</span>>

    <ScrollViewer HorizontalScrollBarVisibility="Auto" 

	VerticalScrollBarVisibility="Auto" Margin="0,-28,0,28">

        <Grid Height="921">

            <chartingToolkit:Chart Height="262" HorizontalAlignment="Left" 

		Margin="33,0,0,620" Name="columnChart" Title="Column Series Demo" 



		VerticalAlignment="Bottom" Width="360">

                <chartingToolkit:ColumnSeries DependentValuePath="Value" 

		IndependentValuePath="Key" ItemsSource="{Binding}" />              

            </chartingToolkit:Chart>

            <chartingToolkit:Chart  Name="pieChart" Title="Pie Series Demo" 

		VerticalAlignment="Top" Margin="449,39,43,0" Height="262">

                <chartingToolkit:PieSeries DependentValuePath="Value" 

		IndependentValuePath="Key" ItemsSource="{Binding}" 

		IsSelectionEnabled="True" />

            </chartingToolkit:Chart>

            <chartingToolkit:Chart  Name="areaChart" Title="Area Series Demo" 

		VerticalAlignment="Top" Margin="33,330,440,0" Height="262">

                <chartingToolkit:AreaSeries DependentValuePath="Value" 

		IndependentValuePath="Key" ItemsSource="{Binding}" 

		IsSelectionEnabled="True"/>

            </chartingToolkit:Chart>

            <chartingToolkit:Chart  Name="barChart" Title="Bar Series Demo" 

		VerticalAlignment="Top" Margin="449,330,43,0" Height="262">

                <chartingToolkit:BarSeries  DependentValuePath="Value" 

		IndependentValuePath="Key" ItemsSource="{Binding}" 

		IsSelectionEnabled="True"/>

            </chartingToolkit:Chart>

            <chartingToolkit:Chart  Name="lineChart" Title="Line Series Demo" 

		VerticalAlignment="Top" Margin="33,611,440,0" Height="254">

                <chartingToolkit:LineSeries  DependentValuePath="Value" 



		IndependentValuePath="Key" ItemsSource="{Binding}" 

		IsSelectionEnabled="True"/>

            </chartingToolkit:Chart>

        </Grid>

    </ScrollViewer>

</Window>
windowgt;
与LT的开始标记,你可以看到,有一个属性,说的xmlns:chartingToolkit基本上是指添加的WPF工具包的命名空间。
我用LT; ScrollViewergt;标记,以增加水平和垂直滚动XAML页。
现在开始第一个图表控制,columnChart,拖曳和下拉列在工具箱系列控制XAML页面上,你会看到一个矩形里面什么也没有。在XAML窗口(通常低于设计),你会看到:{C}
现在所有的图表控件需要在LT封装; chartingToolkit:Chartgt;(这是一个很好的做法)。它有不同的属性,如身高,水平对齐,姓名,标题,宽度等,这些都只是关心的方式,它出现在页面上。
我们的基本关注的是了解它的属性​​; chartingTookit:columnSeriesgt;在这里和所有其他的图表控件。我使用的三个属性。 IndependentValuePath DependentValuePath和相关图表(即X轴,Y轴)轴。 ????代码>的价值和代码分别分配给他们的重点 - 这是因为我使用KeyValuePairlt的;??GT,我的数据模型中的数据类型(Key和Value)。您还可以使用词典或任何其他数据类型,只要确保你有两个参数,是相互依存的可视化。的ItemSource属性是用来为我们的数据绑定到控制。
按照上面提到的所有其他控制,现在我们应当指派的数据模型的控制。第三步??分配数据模型的控制
正如你可以看到在MainWindow.xaml.cs文件中,它是相当直截了当的方式分配数据模型。
namespace WpfToolkitChart

{

  /// <span class="code-SummaryComment"><summary>

</span>  ///<span class="code-comment"> Interaction logic for MainWindow.xaml

</span>  /// <span class="code-SummaryComment"></summary>

</span>  public partial class MainWindow : Window

  {

    public MainWindow()

    {

      InitializeComponent();

      showColumnChart();

    }



    private void showColumnChart()

    {

      List<KeyValuePair<string, int>>

我使用5项静态列表。 DataContext是分配给图表控件的属性,你可以直接分配列表控件,你是好去。第四步??编译和运行
编译并运行,你应该看到以下:{S0}结论
我希望本文提供足够的援助,以保持工作的可视化信息。信息可视化是改变了人们看数据和在我看来,它打算在未来发挥了关键作用。
,我会解释有关分配复杂的数据模型,在未来控制先进功能。历史五月十五日,2011年:战后初期

回答

评论会员:tan281 时间:2012/01/27
文章
我有很多东西,但无法理解,如何添加一个曲线图(
已知Windows窗体应用程序中的样条图表)WPF窗口
评论会员:tan281 时间:2012/01/27
thanks.I已经得到的东西
很多
评论会员:Software2007 时间:2012/01/27
我喜欢在上面的示例中添加简单的columnchart,我得到以下错误
"不能修改,这在这个时间节点的逻辑儿童,因为一棵树走在进展"

任何想法
评论会员:?PriyankKabaria 时间:2012/01/27
您好,

我相信,你所面对的错误与DataContext的。
你可以在这里得到解决方案的详细描述:[{A3}

希望它帮助,
Priyank
评论会员:Software2007 时间:2012/01/27
感谢,我会读,然后再试一次。顺便说一下,我用上述同样的例子
评论会员:。PriyankKabaria 时间:2012/01/27
好。我还以为你写自己的代码。我敢肯定是我的代码没有问题。到现在,我已经收到了所有工作的评论。也许有必须的配置不正确的东西。不过,我会重新检查我的代码。,
谢谢!
Priyank
评论会员:Software2007 时间:2012/01/27
它的工作原理如果我showColumnChart()调用窗口的构造,但不能从其他地方一样,我不能调用一个按钮的Click事件,我会得到错误消息我原来的职位。

任何想法
:?peirone
评论会员:游客 时间:2012/01/27
感谢您的优秀文章,清晰,简明。希望以后的文章中可以处理更高级属性造型
。Priyank Kabaria
评论会员:游客 时间:2012/01/27
感谢您的评论!当然,我已经发现了WPF工具包的深度和更详细的文章写作过程中上午。目前,我在我的独立项目的工作中,应当发表新的文章,尽快上午用它做
。安德烈Suchitra
评论会员:游客 时间:2012/01/27
您好priyank,感谢简单,但非常有用的样本很多。我想知道是否有可能有堆积柱形图使用WPF图表?感谢
!Priyank Kabaria
评论会员:游客 时间:2012/01/27
您好安德烈Suchitra,我试图寻找堆积柱形图,而我写这篇文章,但某些博客指出,某些版本的工具包不支持一个跨越。我不知道,如果目前的一,但我建议你检查wpf.codeplex.com。我会尽我所能,找出这方面的和您相应的答复。感谢您的消息
!patzerFish
评论会员:游客 时间:2012/01/27
这就是我需要的东西开始与WPF工具包图表控件。伟大的工作
!Priyank Kabaria
评论会员:游客 时间:2012/01/27
感谢patzerFish!我很高兴帮助你
!Priyank Kabaria
评论会员:游客 时间:2012/01/27
。XAML和C#代码的一个很好的例子,THX你有多个行(系列)用C#kode补充说,"工具箱:LineSeries"的例子
?保罗Selormey
评论会员:游客 时间:2012/01/27
。罗杰是的,我也有。很快,我会写上这篇文章。我是位在某些项目上忙。DINT有时间来检查的消息和答复。我很抱歉,
。Priyank Kabaria
评论会员:游客 时间:2012/01/27
您好,请提供一个真正的教程,而不是只样品中投掷。另外,应避免提供了一个链接到一个特定版本的图表库。最好的问候,保罗。耶稣基督是爱!请告诉别人。
Sirstrafe
评论会员:游客 时间:2012/01/27
您好,这只是提供了一个WPF工具包图表控件概述。我一定会提供一个深入的教程。感谢您的关注。最好的问候,Priyank修改上周日,2011年5月15日下午11:37
Priyank Kabaria
评论会员:游客 时间:2012/01/27
作为远作为演示-这是很好的,感谢张贴此,我开始看WPF中的图表自己,这无疑是我开始