[chief7]

I would like to see more databinding. As far as I can tell, the only databinding supported is on datapoints. I would like to see dataseries databinding and more databindable attributes (AxisMinimum for example).

[vivek]

Hi Chief,

DataBinding using DataMapping is available for DataPoint properties only. But you can do property binding to any property of any chart element. Please refer the documentation here for more info.

[chief7]

Should AxisMinimum be bindable? I can't seem to get to work.

[vivek]

Hi Chief,

Yes you can achieve this using property binding by following the documentation here. Can you please tell me which version of Visifire are you using?

[chief7]

I'm using version 3.5.7.0 compiled for WP7.

I doubled checked and I can't get AxisMinimum to databind.

I am successfully databinding LegendText.

[vivek]

Hi Chief,

I checked it with WP7, it is working fine here. Please checkout the code below:

Create a class which implements INotifyPropertyChanged interface.

 public class BindValues : INotifyPropertyChanged
    {
        public Double AxisMinimum
        {
            get
            {
                return _a_min;
            }
            set
            {
                _a_min = value;
                FirePropertyChanged("AxisMinimum");
            }
        }

        #region INotifyPropertyChanged Members

        public event PropertyChangedEventHandler PropertyChanged;

        public void FirePropertyChanged(String propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        #endregion

        private Double _a_min = 5;
    }

Now instantiate the above class and set binding for AxisMinimum property as shown below:

public partial class MainPage : PhoneApplicationPage
    {
        // Constructor
        public MainPage()
        {
            InitializeComponent();

            // Set Binding for AxisMinimum property
            Binding binding = new Binding();
            binding.Source = bindValues;
            binding.Path = new PropertyPath("AxisMinimum");
            MyChart.AxesY[0].SetBinding(Axis.AxisMinimumProperty, binding);

            // Attach TextChanged event with TextBox created in XAML
            AxisMinTextBox.TextChanged += new TextChangedEventHandler(AxisMinTextBox_TextChanged);
        }

        void AxisMinTextBox_TextChanged(object sender, TextChangedEventArgs e)
        {
            // Set AxisMinimum property of BindValues class
            TextBox textBox = sender as TextBox;
            if(!String.IsNullOrEmpty(textBox.Text))
                bindValues.AxisMinimum = Convert.ToDouble(textBox.Text);
        }

        // Initialize BindValues class
        BindValues bindValues = new BindValues();
    }

After running the application, once you type a value in the TextBox (AxisMinTextBox) field, it will reflect in chart Axis.

[chief7]

I'm using the MVVM Light framework

XAML:

                <vc:Chart Height="350" BorderThickness="0" Theme="Theme1" ScrollingEnabled="False" >
                    <vc:Chart.AxesX>
                        <vc:Axis Title="Time of Day (min)"  Interval="1" AxisMinimum="{Binding XAxisMinimum}"  /> 
                    </vc:Chart.AxesX>
                    <vc:Chart.AxesY>
                        <vc:Axis Title="Travel Time" AxisType="Primary" />
                    </vc:Chart.AxesY> ...

ViewModel:

    public class TrackViewModel : ViewModelBase, ITrackViewModel
    {
        public double XAxisMinimum {
            get { return 100; }
        }
    }

Am I doing something wrong?

[vivek]

Hi Chief,

Please check whether you are setting the binding Source properly.

[jasonflord25]

vivek, on 27 July 2010 - 04:31 AM, said:

Hi Chief,

Yes you can achieve this using property binding by following the documentation here. Can you please tell me which version of Visifire are you using?

thanks for the link been wondering how to do this.

[chief7]

On what element? I don't see a Source property on the Axis element.

[vivek]

Hi Chief,

You have to set the Source property for binding as shown in this example inside SetBinding() function.

[chief7]

Like I said before, I'm using the MVVMLight framework and avoiding any code in the code behind. Is there any way to set the source via xaml?

[sharmila]

Hi Chief7,

Quote

Like I said before, I'm using the MVVMLight framework and avoiding any code in the code behind. Is there any way to set the source via xaml?

At present Visifire has some issue while Databinding to custom class through xaml. We will look into the issue. But there is a workaround to bind properties.

For Example:

<vc:Axis Title="Axis-Y" AxisMinimum="{Binding ElementName=textBox1, Path=Text}"/>

In code behind

void textBox1_TextChanged(object sender, TextChangedEventArgs e)
  {
    TextBox tb = sender as TextBox;
    MyChart.AxesY[0].AxisMinimum = Convert.ToDouble(tb.Text);
  }

Regards,
Sharmila

[chief7]

When do you suspect it will be resolved?

[vivek]

Hi Chief,

We will look into the issue on priority and update you as soon as we come up with a solution.

[shoaib]

Hi Chief,

We have fixed the property binding issue. Please check with the internal release build here and let us know your feedback. Also please make sure that you have set the binding Source properly.

[chief7]

That fixed my issue. Thanks!

I couldn't user your link though. I had to get the wp7 dll from the download page.