Why isn't my LiveCharts chart showing any values?

Question

So I just started using LiveCharts and I looked through the docs and tried building my first project. I created a control and bound the Series property to a value but it's not showing anything on the actual control, why is that? What did I miss and how do I resolve this issue? Whats the logic behind that fact that nothing is showing up?

XAML

<Grid>
    <wpf:CartesianChart Series="{Binding observableValues}" />
</Grid>

CS

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;

            var doubleValues = new ChartValues<double> { 1, 2, 3 };
            var intValues = new ChartValues<int> { 1, 2, 3 };

            //the observable value class is really helpful, it notifies the chart to update
            //every time the ObservableValue.Value property changes
            var observableValues = new ChartValues<LiveCharts.Defaults.ObservableValue>
            {
                new LiveCharts.Defaults.ObservableValue(1), //initializes Value property as 1
                new LiveCharts.Defaults.ObservableValue(2),
                new LiveCharts.Defaults.ObservableValue(3)
            };
        }
    }

You didnt bind `observableValues` to anything. You don't have any property `observableValues`... — FCin, Jun 28 '18 at 15:33
I did bind `observableValues` to the CartesianChart control in the `Series` property — Mark Denom, Jun 28 '18 at 15:40
Start reading here: [Data Binding Overview](https://learn.microsoft.com/en-us/dotnet/framework/wpf/data/data-binding-overview). — Clemens, Jun 28 '18 at 16:32

Babbillumpa · Answer 1 · 2018-06-28T15:46:23.827

You aren't binding anything to the cartesian chart. You should add observableValues as property of MainWindow.

public partial class MainWindow : Window
    {
        public ChartValues<LiveCharts.Defaults.ObservableValue> observableValues
        {
            get;
            set;
        }

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;

            var doubleValues = new ChartValues<double> { 1, 2, 3 };
            var intValues = new ChartValues<int> { 1, 2, 3 };

            //note that i'm setting the property and i'm not using 'var' keyword
            observableValues = new ChartValues<LiveCharts.Defaults.ObservableValue>
            {
                new LiveCharts.Defaults.ObservableValue(1), //initializes Value property as 1
                new LiveCharts.Defaults.ObservableValue(2),
                new LiveCharts.Defaults.ObservableValue(3)
            };
        }
    }

If you watch to Output Window you'll see binding errors:

System.Windows.Data Error: 40 : BindingExpression path error ....

Why isn't my LiveCharts chart showing any values?

1 Answers1