Chart binding

This view shows how you can use the FlexChart to show two sets of values from a single array of data. This is the most common usage scenario for the FlexChart.

The sample does the following:

  1. Set the chart's itemsSource property to an array of data objects. Each data object has values for "date", "sales", and "downloads".
  2. Set the chart's bindingX property to "date".
  3. Add a Series object to the chart's series array and set its binding property to "sales".
  4. Add a second Series object to the chart's series array and set its binding property to "downloads".

In addition to binding, this sample shows the effect of the interpolateNulls and legendToggle properties. When you set interpolateNulls to true, the chart fills in gaps created by null values in the data. When you set legendToggle to true, the chart toggles the visibility of the series when you click its name in the legend.

Line LineSymbols Area True False True False