Question

我必须在WPF项目中实现一个简单的柱形图输出。我为它选择了OxyPlot库。设计模式当然是MVVM。相关的源代码部分可以在下面看到。我得到的，当我运行项目时是一个空图表，x轴上的类别为1到5（这是正确的），y轴上的值为0到100（这也是正确的，因为我应该显示百分比）

数据集合（类别轴的“难度”和值轴的“百分比”）正确填充了值，我已经检查了一个。

但是没有列显示。所以我想知道我做错了什么。我根据this oxyplot demo构建了我的示例，并基于我们在大学的wpf课程中提供的示例。

有什么建议吗？

此致罗兰

using System;
using System.ComponentModel;
using System.Linq.Expressions;

namespace GeoCaching.Wpf.ViewModels
{
    public abstract class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
        }

        protected void RaisePropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                Console.WriteLine("PropertyChangedEventArgs called " + propertyName);
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

统计模型本身就在这里：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using GeoCaching.BL;
using GeoCaching.BL.Interfaces;
using GeoCaching.BL.Factories;
using GeoCaching.DAL.Common.Domain;
using GeoCaching.Wpf.ViewModels;
using OxyPlot;
using OxyPlot.Wpf;
using OxyPlot.Annotations;
using OxyPlot.Axes;

namespace GeoCaching.Wpf.ViewModels
{
    public class StatisticsVM : ViewModelBase
    {

        private IStatisticsMgr statManager;
        Dictionary<int, double> testList;
        List<int> difficulties;
        List<double> percentages;

        public StatisticsVM()
        {
            PlotModel = new PlotModel();
            this.difficulties = new List<int>();
            this.percentages = new List<double>();
            LoadData();
            SetUpModel();
        }

        private PlotModel plotModel;
        public PlotModel PlotModel
        {
            get { return plotModel; }
            set { plotModel = value; OnPropertyChanged("PlotModel"); }
        }


        private void SetUpModel()
        {
            var temp = new PlotModel("difficulties distribution");
            OxyPlot.Axes.CategoryAxis catAxis = new OxyPlot.Axes.CategoryAxis(AxisPosition.Bottom);
            OxyPlot.Axes.LinearAxis valAxis   = new OxyPlot.Axes.LinearAxis(AxisPosition.Left, 0, 100);

            valAxis.MinimumPadding = 0;
            valAxis.AbsoluteMinimum = 0;

            OxyPlot.Series.ColumnSeries cs = new OxyPlot.Series.ColumnSeries();
            cs.ItemsSource = percentages;

            temp.Axes.Add(catAxis);
            temp.Axes.Add(valAxis);
            temp.Series.Add(cs);

            PlotModel = temp;
            PlotModel.RefreshPlot(true);

        }


        //fetch statistics data from
        //database
        private void LoadData()
        {
            statManager = StatisticsMgrFactory.GetStatisticsManager();
            testList = new Dictionary<int, double>();

            testList = statManager.GroupByDifficulty();

            //extract keys and values
            //for statistical display on axes
            foreach (KeyValuePair<int,double> item in testList)
            {
                difficulties.Add(item.Key);
                percentages.Add(item.Value);
            }
        }
    }
}

xaml窗口背后的代码：

using GeoCaching.Wpf.ViewModels;

namespace GeoCaching.Wpf
{
    /// <summary>
    /// Interaction logic for ChartTest.xaml
    /// </summary>
    public partial class ChartTest : Window
    {
        public ChartTest()
        {
            InitializeComponent();
            this.DataContext = new StatisticsVM();
        }
    }
}

和xaml本身：

<Window x:Class="GeoCaching.Wpf.ChartTest"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:oxy="http://oxyplot.codeplex.com"
        Title="ChartTest" Height="300" Width="300">
    <Grid>


        <oxy:Plot Title="Bar series" LegendPlacement="Outside" LegendPosition="RightTop" LegendOrientation="Vertical" Model="{Binding PlotModel}">

        </oxy:Plot>
    </Grid>
</Window>

Answer 1

我认为您的问题来自SetupModel方法，具体来说，这一行：

cs.ItemsSource = percentages;

我一直在使用oxyPlot柱形图，如果我设置了ItemSource属性，我就无法获得图表。相反，我必须为项目来源中的每个项目添加new ColumnItem()。

示例：

foreach (double pc in percentages)
{
    catAxis.ActualLabels.Add (/*Add your difficulty labels here for each column*/);
    cs.Items.Add (new ColumnItem () { Value = pc });
}

我知道这个问题已经很老了，但我认为id会为遇到麻烦的其他人分享这个问题。（如果您知道为什么使用实际的ItemSource属性不起作用，请随时更新我的答案！）

Oxyplot：如何设置简单的柱形图

1 个答案: