wpf 实现堆积柱状图

wpf 实现多轴 堆积柱状图、折线图

<lvc:CartesianChart  Margin="0,0,0,20">
    <lvc:CartesianChart.AxisX>
        <lvc:Axis Labels="{Binding DateList,UpdateSourceTrigger=PropertyChanged}" ShowLabels="True"  LabelsRotation="0">
            <lvc:Axis.Separator>
                <lvc:Separator StrokeThickness="1.5" StrokeDashArray="0" Step="1"  />
            </lvc:Axis.Separator>
        </lvc:Axis>
    </lvc:CartesianChart.AxisX>
    <lvc:CartesianChart.AxisY>
        <lvc:Axis  LabelFormatter="{Binding FormatterT}" Title="Rate" MinValue="0" MaxValue="100" Foreground="#29ADC9" FontSize="14">
            <lvc:Axis.Separator>
                <lvc:Separator Visibility="Hidden" StrokeThickness="1.5" StrokeDashArray="0" Stroke="#404F56"  />
            </lvc:Axis.Separator>
        </lvc:Axis>
        <lvc:Axis Foreground="DodgerBlue"  LabelFormatter="{Binding FormatterTY}" MinValue="0" Title="Quantity" Position="RightTop">
            <lvc:Axis.Separator>
                <lvc:Separator Visibility="Hidden" StrokeThickness="1.5" StrokeDashArray="0" Stroke="#404F56"  />
            </lvc:Axis.Separator>
        </lvc:Axis>
    </lvc:CartesianChart.AxisY>
    <lvc:CartesianChart.Series>

        <!--Scales at red axis, Axis[1]-->
        <lvc:StackedColumnSeries Values="{Binding AAQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="DodgerBlue"  ScalesYAt="1"/>
        <lvc:StackedColumnSeries Values="{Binding ABQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="PaleVioletRed"  ScalesYAt="1"/>
        <lvc:StackedColumnSeries Values="{Binding BAQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="Blue"  ScalesYAt="1"/>
        <lvc:StackedColumnSeries Values="{Binding BBQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="PaleVioletRed"  ScalesYAt="1"/>
        <lvc:StackedColumnSeries Values="{Binding CAQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="BlueViolet"  ScalesYAt="1"/>
        <lvc:StackedColumnSeries Values="{Binding CBQuantity,UpdateSourceTrigger=PropertyChanged}" DataLabels="True" LabelsPosition="Perpendicular" Fill="PaleVioletRed"  ScalesYAt="1"/>
        <lvc:LineSeries Values="{Binding PlanList,UpdateSourceTrigger=PropertyChanged}" Fill="Transparent" StrokeDashArray="10, 5, 10, 5"  ScalesYAt="0" Stroke="#29ADC9" PointGeometrySize="0" />
        <!--Scales at blue axis, Axis[0]-->
        <lvc:LineSeries Values="{Binding ActualList,UpdateSourceTrigger=PropertyChanged}" Fill="Transparent" ScalesYAt="0"  Stroke="#29ADC9" />
        <lvc:LineSeries Values="{Binding CompateList,UpdateSourceTrigger=PropertyChanged}" Fill="Transparent" ScalesYAt="0"  Stroke="Gold" />
        <!--Scales at green axis, Axis[2]-->
    </lvc:CartesianChart.Series>
</lvc:CartesianChart>

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现WPF LiveCharts柱状图的动态刷新显示,您可以使用LiveCharts提供的ObservablePoint集合来存储数据,并使用SeriesCollection来管理多个柱状图系列。然后,在将ObservablePoint添加到SeriesCollection之后,您可以在需要更新图表时更新ObservablePoint的值,然后使用Chart.Refresh()方法来刷新图表。 以下是一个示例代码片段,该代码片段使用具有两个柱状图系列的SeriesCollection,并使用Random对象模拟动态数据更新: ``` // 创建一个SeriesCollection以管理多个柱状图系列 SeriesCollection seriesCollection = new SeriesCollection(); // 创建两个柱状图系列 ColumnSeries series1 = new ColumnSeries { Title = "Series 1", Values = new ObservableCollection<ObservablePoint>() }; ColumnSeries series2 = new ColumnSeries { Title = "Series 2", Values = new ObservableCollection<ObservablePoint>() }; // 将柱状图系列添加到SeriesCollection seriesCollection.Add(series1); seriesCollection.Add(series2); // 将ObservablePoint添加到每个柱状图系列 for (int i = 0; i < 10; i++) { series1.Values.Add(new ObservablePoint(i, 0)); series2.Values.Add(new ObservablePoint(i, 0)); } // 将SeriesCollection设置为图表的数据源 yourChart.Series = seriesCollection; // 模拟动态数据更新 Random random = new Random(); while (true) { // 更新ObservablePoint的值 for (int i = 0; i < 10; i++) { series1.Values[i].Y = random.Next(1, 100); series2.Values[i].Y = random.Next(1, 100); } // 刷新图表 yourChart.Refresh(); // 等待一段时间,然后再次更新数据 Thread.Sleep(1000); } ``` 请注意,这只是一个示例代码片段,您需要根据您的实际情况进行修改和调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值