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

    这样,效果就出来了。

  • 相关阅读:
    HDU 4709 3-idiots FFT 多项式
    多项式的黑科技
    JZYZOJ 2043 多项式除法和取余 NTT 多项式
    JZYZOJ 2042 多项式逆元 NTT 多项式
    网络爬虫(4)--正则表达式
    网络爬虫(3)--Beautiful页面解析
    网络爬虫(2)--异常处理
    网络爬虫(1)--准备工作
    PCL库配置出现的问题(WIN10+VS2013)
    QT笔记(1)--QT编程环境搭建
  • 原文地址:https://www.cnblogs.com/wanggang2016/p/13717682.html
Copyright © 2011-2022 走看看