WPF MVVM Livecharts 柱状图

水平柱状图使用绑定 RowSeries

  Labels = new string[] { "09-01", "09-02", "09-03", "09-04", "09-05", "09-06", "09-07", "09-08", "09-09", "09-10" };
            Datatimes = new string[] { "09-01", "09-02", "09-03", "09-04" };
            List<double> columnValues = new List<double> { 10, 70, 15, 5 };

            RowSeries seriesPowerSave = new RowSeries();
            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<double>(columnValues);  
            //柱子宽度

            seriesPowerSave.MaxRowHeigth = 20;水平柱子宽度
            //seriesPowerSave.Width = 20;
            //seriesPowerSave.MaxColumnWidth = 20;

            Collection.Add(seriesPowerSave);

正常柱状图使用ColumnSeries

   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<double>(columnValues);  
            //柱子宽度
            seriesPowerSave.Width = 20;
            seriesPowerSave.MaxColumnWidth = 20;//正常柱子宽度

            Collection.Add(seriesPowerSave);

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要实现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); } ``` 请注意,这只是一个示例代码片段,您需要根据您的实际情况进行修改和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值