This is a migrated thread and some comments may be shown as answers.

How to bind telerik:ScatterLineSeries to ObservableCollection?

6 Answers 172 Views

ChartView

This is a migrated thread and some comments may be shown as answers.

Eugene asked on 26 Feb 2016, 08:25 AM

chartviewscreenshot.png

Hi! I develop Prism 6 WPF MVVM application. I defined an ObservableCollection instance in Model, please see below:

public class DeviceStatusModel
    {
        #region Constructors
        public DeviceStatusModel()
        {
            SeriesData = new ObservableCollection<short>();
            SeriesData.Add(20);
            SeriesData.Add(30);
            SeriesData.Add(50);
            SeriesData.Add(10);
            SeriesData.Add(60);
            SeriesData.Add(40);
            SeriesData.Add(20);
            SeriesData.Add(80);
        }
        #endregion

        #region Properties
        public ObservableCollection<short> SeriesData { get; set; }
        #endregion
    }

Then in ViewModel I defined the property of type of DeviceStatusModel. Please see below:

    public class DeviceStatusViewModel : BindableBase
    {
        #region Fields

        private DeviceStatusModel _deviceStatusModel;

        #endregion

        #region Constructors

        public DeviceStatusViewModel()
        {
            this.DeviceStatusModel = new DeviceStatusModel();
        }

        #endregion

        #region Properties

        public DeviceStatusModel DeviceStatusModel
        {
            get { return this._deviceStatusModel; }
            set { this.SetProperty(ref this._deviceStatusModel, value); }
        }

        #endregion
    }

Then in View I wrote the next XAML, please see below:

And eventually when aplication runs I see only next poor picture, please see "ChartViewScreenShot.PNG" file attached.

6 Answers, 1 is accepted

Accepted

answered on 29 Feb 2016, 11:06 AM

I solved the problem in the following manner. In DeviceStatusModelClass I wrote:

public class DeviceStatusModel
    {
        #region Constructors
        public DeviceStatusModel()
        {

            // Drow damped sinusoid.
            double[] tmpArr = { 0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 };
            SeriesData = new ObservableCollection<Tuple<int, double>>();
            for (int i = 0; i < tmpArr.Length; i++)
            {
                double res = tmpArr[i] * Math.Exp(-i) * Math.Sin(2 * Math.PI * i);
                SeriesData.Add(new Tuple<int, double>(i, res));
            }
        }
        #endregion

        #region Properties
        public ObservableCollection<Tuple<int, double>> SeriesData { get; }
        #endregion
    }
}

DeviceStatusViewModel class remains the same so that I don't show it again.

And XAML of the DeviceStatusView view is the folowing now: