阅读 114

wpf使用livecharts---柱状图顶端标出数值

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

 

页面端:

"{Binding SeriesCollection}" LegendLocation="None" Margin="10,15,15,15">
    
        "{Binding Labels}" FontSize="12" LabelsRotation="0" DisableAnimations="True">
            
                "Hidden" Step="1" StrokeThickness="1.5" StrokeDashArray="0" Stroke="#404F56" >
                
            
        
    
    
        
            
                "Hidden" StrokeThickness="1" StrokeDashArray="3" Step="{Binding AxisStep}"  Stroke="#404F56" >
                
            
        
    

后台:

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
{            
    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 ...
//以此类推

这样,效果就出来了。

原文:https://www.cnblogs.com/wanggang2016/p/13717682.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐