WPF 初学VisifireChart

2017-06-16 20:46:30来源:cnblogs.com作者:眾尋人点击

visifire今天登陆他们官网的时候,发现好像是挂掉了,不知道是不再运营了,还是单纯服务器出了问题。

VisifireChart的效果不炫,但是对于一些项目,感觉够用的,所以,今天大概看了几篇博客,学习了一下

http://www.cnblogs.com/wyuan/archive/2012/07/22/WPF.html

http://www.cnblogs.com/xinyus/p/3422198.html

自己也尝试写了写效果,VisifireChart支持单组数据的对比,和多组数据的对比。

数据是从网上找的,然后自己弄成了XML格式文件,读取到了List列表里。

单组数据的对比,效果还是明显好看一些的。

图表的样式是通过一个枚举参数设置的RenderAs,下设很多项:点,线,柱状图等,基本都是比较常用的。

单组数据的时候,用哪种样式是都没有问题的,但是当多组数据组合时,如果是同一种样式也是OK的,但是如果是不同的样式,则有的是不兼容的。

不兼容的,直接在设计页面,直接就会抛错,如图

两组数据,一个设置的是Doughnut(圈),一个设置的是Line(线),这两种无法在一个X轴和Y轴上进行相关的实现显示,所以,会冲突。

当两个都设置成Doughnut时,不冲突,可以显示,但是很乱,所以具体的效果,需要开发人员自己根据业务要求,进行相关的组装。

上面两篇帖子基本都讲述了如何去用VisifireChart,但是提供的代码一般都是CS的代码,个人更喜欢用XAML代码去实现,所以,我的代码除了Binding以外,页面的设计,是用XAML写的。

  <Grid>        <chart:Chart Name="chart" AnimatedUpdate="True" AnimationEnabled="True" ThemeEnabled="True" View3D="True" ScrollingEnabled="True" ShadowEnabled="True" >            <chart:Chart.Titles>                <chart:Title FontSize="16" Text="部分省平均薪资"/>            </chart:Chart.Titles>            <chart:Chart.AxesY>                <chart:Axis Suffix="元"/>            </chart:Chart.AxesY>            <chart:Chart.Series>                <chart:DataSeries DataSource="{Binding WargeList,UpdateSourceTrigger=PropertyChanged}" LegendText="非城镇收入" RenderAs="Doughnut">                    <chart:DataSeries.DataMappings>                        <chart:DataMapping MemberName="AxisXLabel" Path="CityName"/>                        <chart:DataMapping MemberName="YValue" Path="NpoWage"/>                        <chart:DataMapping MemberName="Tag" Path="CityName"/>                    </chart:DataSeries.DataMappings>                </chart:DataSeries>                <chart:DataSeries DataSource="{Binding WargeList,UpdateSourceTrigger=PropertyChanged}" LegendText="城镇收入" RenderAs="Doughnut">                    <chart:DataSeries.DataMappings>                        <chart:DataMapping MemberName="AxisXLabel" Path="CityName"/>                        <chart:DataMapping MemberName="YValue" Path="PoWage"/>                        <chart:DataMapping MemberName="Tag" Path="CityName"/>                    </chart:DataSeries.DataMappings>                </chart:DataSeries>            </chart:Chart.Series>        </chart:Chart>    </Grid>

只需要将相关的数据绑定到对应的字段上,剩下的就交给程序自己吧。

代码

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台