VisifireChart的功力不炫

visifire明日登录他们官方网站的时候,开掘类似是挂掉了,不晓得是不再营业了,依然单独服务器出了难点。

365体育网投,VisifireChart的功效不炫,不过对于部分种类,感觉够用的,所以,前几日天津大学学概看了几篇博客,学习了一下

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

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

温馨也尝试写了写效果,VisifireChart帮助单组数据的相比较,和多组数据的相比。

多少是从英特网找的,然后自个儿弄成了XML格式文件,读取到了List列表里。

单组数据的自己检查自纠,效果依然总来讲之赏心悦目一些的。

365体育网投 1365体育网投 2

365体育网投 3365体育网投 4

图片的体制是透过贰个枚举参数设置的RenderAs,下设非常多项:点,线,柱状图等,基本都以比较常用的。

单组数据的时候,用哪一种体裁是都尚未难点的,可是当多组数据整合时,假设是均等种体制也是OK的,不过倘假设分歧的体裁,则过多不相配的。

不相配的,间接在布置页面,间接就能抛错,如图

365体育网投 5

两组数据,八个安装的是Doughnut(圈),壹个安装的是Line(线),那三种不或然在贰个X轴和Y轴上开始展览连锁的落实显示,所以,会顶牛。

365体育网投 6

当三个都安装成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>

只须求将有关的数目绑定到对应的字段上,剩下的就交给程序本人吧。

代码

 

相关文章