zoukankan      html  css  js  c++  java
  • wpf使用livecharts---柱状图顶端标出数值

    直接上代码吧,最近项目忙,有不清楚的欢迎一起交流,最终效果如下:

    页面端:

    <lvc:CartesianChart  Series="{Binding SeriesCollection}" LegendLocation="None" Margin="10,15,15,15">
        <lvc:CartesianChart.AxisX>
            <lvc:Axis Labels="{Binding Labels}" FontSize="12" LabelsRotation="0" DisableAnimations="True">
                <lvc:Axis.Separator>
                    <lvc:Separator Visibility="Hidden" Step="1" StrokeThickness="1.5" StrokeDashArray="0" Stroke="#404F56" >
                    </lvc:Separator>
                </lvc:Axis.Separator>
            </lvc:Axis>
        </lvc:CartesianChart.AxisX>
        <lvc:CartesianChart.AxisY>
            <lvc:Axis>
                <lvc:Axis.Separator>
                    <lvc:Separator Visibility="Hidden" StrokeThickness="1" StrokeDashArray="3" Step="{Binding AxisStep}"  Stroke="#404F56" >
                    </lvc:Separator>
                </lvc:Axis.Separator>
            </lvc:Axis>
        </lvc:CartesianChart.AxisY>
    </lvc:CartesianChart>

    后台:

    Labels = new string[] { "09-01", "09-02", "09-03", "09-04", "09-05", "09-06", "09-07", "09-08", "09-09", "09-10" };
    
    ColumnSeries seriesPowerSave = new ColumnSeries();
    seriesPowerSave.Title = "数据1";
    seriesPowerSave.Fill = new SolidColorBrush(Color.FromRgb(34, 139, 34));
    seriesPowerSave.DataLabels = true;
    seriesPowerSave.Foreground = new SolidColorBrush(Color.FromRgb(255, 255, 255));
    //显示文本内容
    seriesPowerSave.LabelPoint = p => p.Y.ToString();
    seriesPowerSave.Values = new ChartValues<ObservablePoint>
    {            
        new ObservablePoint(0, 12),
        new ObservablePoint(1, 14),
        new ObservablePoint(2, 28),
        new ObservablePoint(3, 62),
        new ObservablePoint(4, 29),
        new ObservablePoint(5, 29),
        new ObservablePoint(6, 7),
        new ObservablePoint(7, 31),
        new ObservablePoint(8, 13),
        new ObservablePoint(9, 11)
    };
    
    //柱子宽度
    seriesPowerSave.Width = 20;
    seriesPowerSave.MaxColumnWidth = 20;
    
    SeriesCollection = new SeriesCollection { };
    SeriesCollection.Add(seriesPowerSave);
    
    //todo ...
    //以此类推

    这样,效果就出来了。

  • 相关阅读:
    PHP-redis命令之 列表(lists)
    PHP-redis命令之 散列(hashes)
    PHP-redis命令之 字符串 (strings)
    CentOS 7.0:搭建SVN服务器
    Redis 数据类型分析 字符串 哈希 列表 集合 有序集合 优缺点 分析 注意事项 存储结构
    CentOS 7安装配置Redis数据库
    封装微信分享到朋友/朋友圈js
    PHP 微信分享(及二次分享)
    Ajax登陆,使用Spring Security缓存跳转到登陆前的链接
    IDEA thymeleaf ${xxx.xxx}表达式报错,红色波浪线
  • 原文地址:https://www.cnblogs.com/wanggang2016/p/13717682.html
Copyright © 2011-2022 走看看