<?xml version="1.0" encoding="utf-8" ?>
<items>
  <item name="Home" title="" status="" type="FlexChartExplorer.Samples.Home">
    <description></description>
  </item>

  <item name="Introduction" title="" status="" type="FlexChartExplorer.Samples.Introduction">
    <description>
      The sample below shows [b]FlexChart[/b]'s basic features. It binds the chart to a data source and allows you to select the chart type, series stacking, and rotation.
      If you move the mouse over a chart element, a tooltip will appear showing details about the data point.

      The simplest way to use FlexChart is to:

      1. Set the chart's [b]DataSource[/b] property to an array of data objects,
      2. Set the chart's [b]BindingX[/b] property to the name of the property that contains the X values (in this example country names), and
      3. Add one or more [b]Series[/b] objects to the chart's [b]Series[/b] collection and set their [b]Binding[/b] property to the name of the property that contains the Y values (in this example the Revenue and Expenses).
    </description>
  </item>

  <item name="What's New">
    <items>
      <item name="HeatMap">
        <items>
          <item name="Gradient Color" title="Heatmap : Gradient Color " status="" type="FlexChartExplorer.Samples.GradientColors">
            <description>
              [b]Heatmap[/b] charts represent data through variations in coloring. 

              The sample below shows a [b]Heatmap[/b] series in FlexChart with gradient color scale. The data from a two-dimensional array is shown as a table. The color of table's cell depends on the corresponding data value. Heatmap with gradient color scales are useful when the data being displayed is continuous in nature.
            </description>
          </item>
          <item name="Color Axis" title="HeatMap : Color Axis" status="" type="FlexChartExplorer.Samples.ColorAxis">
            <description>
              The sample below shows a [b]Heatmap[/b] plot with gradient color axis. The data from function f(x,y) is displayed in the heatmap with gradient coloring. The correspondence with color and function value is shown on the auxiliary color axis.
            </description>
          </item>
          <item name="Discrete Color" title="HeatMap : Discrete Color" status="" type="FlexChartExplorer.Samples.DiscreteColors">
            <description>
              The sample below shows a [b]Heatmap[/b] plot with discrete color scale. In case of discrete color scale, the color depends on which interval the corresponding data value belongs to. All data points from the same interval have the same color. The list of user-defined intervals is shown on the chart legend.
            </description>
          </item>
        </items>
      </item>
      <item name="Histogram" title="" status="" type="FlexChartExplorer.Samples.Histogram">
        <description>
          The sample below shows the appearance options added to [b]Histogram[/b] chart, namely the [b]FrequencyPolygon[/b]. 
          
          [b]Frequency Polygons[/b] are a variation of Histogram charts where the columns are replaced by a curve.These are helpful for comparing multiple sets of data.
        </description>
      </item>
      <item name="Collapsible Axis Grouping" title="" status="" type="FlexChartExplorer.Samples.CollapsibleAxisGrouping">
        <description>
          The sample below demonstrates how axis groups can be expanded/collapsed in FlexChart by using the [b]Axis.GroupVisibilityLevel[/b] property.

          The collapsing can start either from the highest group level or the lowest group level. This is determined by the sign of the GroupVisibilityLevel value. Positive values specify the anchor at the highest level, while negative values specify the anchor at level 1.

          The absolute value of GroupVisibilityLevel specifies the most expanded level of the groups moving away from the anchor.
        </description>
      </item>
    </items>
  </item>

  <item name="Features" title="" status="" type="" >
    <items>
      <item name="Concepts" title="" status="" type="" >
        <items>
          <item name="Core" title="" status="" type="" >
            <items>
              <item name="Chart Fundamentals" title="" status="" type="FlexChartExplorer.Samples.ChartFundamentals" >
                <description>
                  The sample below shows the fundamental elements of FlexChart. Each of these elements can be customized using the extensive set of APIs that are available:
                  - [b]ChartArea[/b]: The area within the control but outside the axes.
                  - [b]Header[/b]: The chart header, above the plot area.
                  - [b]Footer[/b]: The chart footer, below the plot area.
                  - [b]PlotArea[/b]: The area within the chart axes.
                  - [b]AxisX[/b]: The X-axis, usually horizontal.
                  - [b]AxisY[/b]: The Y-axis, usually vertical.
                  - [b]Legend[/b]: The chart legend, usually on the right of the plot area.
                  - [b]Series[/b]: A chart series.
                  - [b]SeriesSymbol[/b]: A symbol in a chart series.
                  - [b]DataLabel[/b]: A label attached to a data point.
                </description>
              </item>
              <item name="Rendering" title="" status="" type="FlexChartExplorer.Samples.Rendering" keyWords="default,directX">
                <description>
                  The sample below shows the comparison between [b]Default[/b] and [b]DirectX[/b] RenderModes of FlexChart.

                  You can specify how FlexChart should be rendered by setting it's [b]RenderMode[/b] property.
                </description>
              </item>
            </items>
          </item>

          <item name="Binding" title="" status="" type="" >
            <items>
              <item name="Basic" title="Basic Binding" status="" type="FlexChartExplorer.Samples.Binding" keyWords="binding,interpolate null,empty point">
                <description>
                  The sample below shows how you can use [b]FlexChart[/b] to show two sets of values from a single array of data. This is the most common usage scenario for [b]FlexChart[/b].
                  The sample does the following:

                  1. Set the chart's [b]DataSource[/b] property to an array of data objects. Each data object has values for "Date", "Sales", and "Downloads".
                  2. Set the chart's [b]BindingX[/b] property to "Date".
                  3. Add a [b]Series[/b] object to the chart's [b]Series[/b] array and set its [b]Binding[/b] property to "Sales".
                  4. Add a second [b]Series[/b] object to the chart's [b]Series[/b] array and set its [b]Binding[/b] property to 'Downloads'.

                  In addition to binding, this sample shows the effect of the [b]InterpolateNulls[/b] and [b]LegendToggle[/b] properties. When you set [b]InterpolateNulls[/b] to true, the chart fills in gaps created by null values in the data. When you set [b]LegendToggle[/b] to true, the chart toggles the visibility of the series when you click its name in the legend.
                </description>
              </item>
              <item name="Series" title="Series Binding" status="" type="FlexChartExplorer.Samples.SeriesBinding">
                <description>
                  The sample below shows how you can use [b]FlexChart[/b] to show data from multiple data sources, one per series.
                  The sample does the following:

                  1. Set the chart's [b]BindingX[/b] and [b]Binding[/b] properties to "X" and "Y".
                  2. Add a [b]Series[/b] object to the chart's [b]Series[/b] array and set its [b]DataSource[/b] property to a collection of objects that have "X" and "Y" properties.
                  3. Add a second [b]Series[/b] object to the chart's [b]Series[/b] array and set its [b]DataSource[/b] property to a different collection of objects that also have "X" and "Y" properties.

                  Alternatively, we could have set the [b]BindingX[/b] and [b]Binding[/b] properties on the [b]Series[/b] objects instead of setting then on the chart. In this case this was not necessary because the binding names are the same for all series.
                </description>
              </item>
              <item name="Axis" title="Axis Binding" status="" type="FlexChartExplorer.Samples.AxisBinding" >
                <description>
                  The sample below shows how you can use [b]FlexChart's[/b] Axis Binding feature to customize the axis labels. FlexChart allows setting a different [b]DataSource[/b] on each Axis for generating the labels that are drawn on it. By specifying the axis DataSource you can control the number of labels that are drawn on the axis as well as their text.

                  This sample does the following:

                  1. Sets the [b]AxisX.DataSource[/b] to a collection of objects.
                  2. Sets the [b]AxisX.Binding[/b] to a comma-separated string such as "Value,Text" where the 'Value' represents the property name that specifies the value on the axis and 'Text' represents the property name that contains the corresponding axis label text that you want to display.
                </description>
              </item>
            </items>
          </item>
        </items>
      </item>

      <item name="Chart Types" title="" status="" type="" >
        <items>
          <item name="Column" title="" status="" type="" >
            <items>
              <item name="Basic" title="Column" status="" type="FlexChartExplorer.Samples.Column" >
                <description>
                  [b]Column[/b] charts are typically used to compare discrete data across categories with the length of each bar being proportional to the value it represents. The categories being compared are placed on the horizontal axis of the chart while the discrete values are shown on the vertical axis.
                </description>
              </item>
              <item name="Clustered" title="Clustered Column" status="" type="FlexChartExplorer.Samples.ClusteredColumn" >
                <description>
                  Clustered columns are used to display two or more data sets on the chart. The data sets are represented by individual series which are placed side-by-side and grouped together under categories on the horizontal axis.
                </description>
              </item>
              <item name="Stacked" title="Stacked Column" status="" type="FlexChartExplorer.Samples.StackedColumn" >
                <description>
                  Stacked column charts are used to show how each value contributes to the total amount in a category. It shows the division of a larger category into sub-categories. Unlike the Clustered Column chart, the columns in a Stacked Column chart are placed on top of each other.

                  In [b]FlexChart[/b] you can set the [b]Stacking[/b] property to create Stacked and 100 percent stacked charts. The Stacked100pc makes it easier to see the relative differences between quantities in each group.
                </description>
              </item>
              <item name="Stacked Groups" title="Stacked Column Groups" status="" type="FlexChartExplorer.Samples.StackGroupedColumn">
                <description>
                  The StackedGroup charts are a combination of Stacked and Clustered Column charts allowing users to simultaneously group multiple data sets and view the distribution of each category in smaller sub-categories.
                </description>
              </item>
            </items>
          </item>

          <item name="Bar" title="" status="" type="" >
            <items>
              <item name="Basic" title="Bar" status="" type="FlexChartExplorer.Samples.Bar" >
                <description>
                  [b]Bar[/b] charts are similar to [b]Column[/b] charts in terms of usage,i.e, they too are used to compare discrete data across categories with the length of each bar being proportional to the value it represents. However, unlike Column charts, the bars in a Bar chart are oriented horizontally which makes Bar chart more suitable for use-cases where the category names are longer or the number of categories itself is large.
                </description>
              </item>
              <item name="Clustered" title="Clustered Bar" status="" type="FlexChartExplorer.Samples.ClusteredBar" >
                <description>
                  Clustered Bars are used to display two or more data sets on the chart. The data sets are represented by individual series which are placed side-by-side and grouped together under categories on the vertical axis.

                </description>
              </item>
              <item name="Stacked" title="Stacked Bar" status="" type="FlexChartExplorer.Samples.StackedBar" >
                <description>
                  Stacked bar charts are used to show how each value contributes to the total amount in a category. It shows the division of a larger category into sub-categories. Unlike the Clustered Bar chart, the bars in a Stacked Bar chart are placed on top of each other.

                  In [b]FlexChart[/b] you can set the [b]Stacking[/b] property to create Stacked and 100 percent stacked charts. The Stacked100pc makes it easier to see the relative differences between quantities in each group.
                </description>
              </item>
              <item name="Stacked Groups" title="Stacked Bar Groups" status="" type="FlexChartExplorer.Samples.StackGroupedBar" >
                <description>
                  The StackedGroup charts are a combination of Stacked and Clustered Bar charts allowing users to simultaneously group multiple data sets and view the distribution of each category in smaller sub-categories.
                </description>
              </item>
              <item name="Tornado" title="" status="" type="FlexChartExplorer.Samples.Tornado" >
                <description>
                  [b]Tornado[/b] chart is a special, two sided [b]Bar[/b] chart that can be used for better comparison of categories.

                  This view shows how multiple [b]Plot Areas[/b] along with [b]Bar[/b] chart type can be used to create a Tornado chart.
                </description>
              </item>
            </items>
          </item>

          <item name="Line" title="" status="" type="" >
            <items>
              <item name="Basic" title="Line" status="" type="FlexChartExplorer.Samples.LineChart" >
                <description>
                  [b]Line[/b] charts are used to visualize quantitative data over a continuous interval or time period. They are helpful to show trends in data and analyze how the data is changing over time.
                </description>
              </item>
              <item name="Stacked" title="Stacked Line" status="" type="FlexChartExplorer.Samples.StackedLine" >
                <description>
                  Stacked line charts are line charts where the series don't overlap with each other. This allows better readability of data.
                </description>
              </item>
              <item name="Spline" title="" status="" type="FlexChartExplorer.Samples.Spline" >
                <description>
                  [b]Spline[/b] charts are specialized form of line charts that plot a fitted curve through each data point in the series.
                </description>
              </item>
              <item name="Line Symbols" title="" status="" type="FlexChartExplorer.Samples.LineSymbols">
                <description>
                  [b]LineSymbols[/b] charts are useful when we want to highlight the occurrence of individual data points along the trend.
                </description>
              </item>
              <item name="Spline Symbols" title="" status="" type="FlexChartExplorer.Samples.SplineSymbols" >
                <description>
                  A [b]SplineSymbols[/b] chart is a spline chart with symbols drawn on the line to highlight the occurrence of individual data points along the trend.
                </description>
              </item>
            </items>
          </item>

          <item name="Area" title="" status="" type="" >
            <items>
              <item name="Basic" title="Area" status="" type="FlexChartExplorer.Samples.Area">
                <description>
                  [b]Area[/b] charts are similar to line charts with the difference being that the area below the line is filled with colors. They are useful for displaying trends over time.
                </description>
              </item>
              <item name="Stacked" title="Stacked Area" status="" type="FlexChartExplorer.Samples.StackedArea" >
                <description>
                  Stacked area charts are used to compare trends of multiple series over a period of time. They are extremely useful in visualizing part-to-whole relationships where the total vertical of a stacked area chart shows the whole, while the height of each different series shows the parts.
                </description>
              </item>
              <item name="Spline" title="Spline Area" status="" type="FlexChartExplorer.Samples.SplineArea" >
                <description>
                  SplineArea charts are special form of Area charts. SplineArea charts fill the area below the curved line connecting the data points.
                </description>
              </item>
            </items>
          </item>

          <item name="Point" title="" status="" type="" >
            <items>
              <item name="Scatter" title="" status="" type="FlexChartExplorer.Samples.Scatter" >
                <description>
                  [b]Scatter[/b] charts are mainly used to show distribution of data . They use a collection of points placed using cartesian coordinates to display values from two variables. By displaying a variable in each axis, you can detect if a relationship or correlation between the two variables exists
                </description>
              </item>
              <item name="Bubble" title="" status="" type="FlexChartExplorer.Samples.Bubble" >
                <description>
                  The sample below shows how to create bubble charts using [b]FlexChart[/b] control.
                  
                  Bubble charts are used to show relationship among three variables. Bubble charts are similar to other chart types, except in addition to X and Y you must specify a binding for the bubble size. This is done by setting the [b]Binding[/b] property to a comma-delimited string that specifies the name of the properties to be used for the Y and size values for each bubble.
                </description>
              </item>
            </items>
          </item>

          <item name="Step" title="" status="" type="" >
            <items>
              <item name="Step Line" title="" status="" type="FlexChartExplorer.Samples.StepLine" >
                <description>
                  StepLine charts connect data points by horizontal and vertical straight lines. They help us to see intermittent trends which normal Line charts might not be showing.
                </description>
              </item>
              <item name="Step Area" title="" status="" type="FlexChartExplorer.Samples.StepArea">
                <description>
                  StepArea chart fills the area below the StepLine.So, it helps to show the data point values in terms of volume.
                </description>
              </item>
              <item name="Step Symbols" title="" status="" type="FlexChartExplorer.Samples.StepSymbols" >
                <description>
                  StepSymbols, like LineSymbols charts, highlight the individual data point in a trend by drawing a symbol for each data point.
                </description>
              </item>
            </items>
          </item>

          <item name="Pie" title="" status="" type="" >
            <items>
              <item name="Basic" title="Pie Chart" status="" type="FlexChartExplorer.Samples.FlexPieIntroduction" >
                <description>
                  The sample below shows [b]FlexPie[/b]'s basic features. It binds the chart to a data source.

                  If you move the mouse over a chart element, a tooltip will appear showing details about the data point.
                </description>
              </item>
              <item name="Doughnut" title="" status="" type="FlexChartExplorer.Samples.Doughnut">
                <description>
                  This view shows how [b]FlexPie[/b]'s InnerRadius property can be used to create a [b]Doughnut[/b] chart.
                </description>
              </item>
            </items>
          </item>

          <item name="Heatmap" title="" status="" type="">
            <items>
              <item name="Gradient Color" title="Heatmap: Gradient Colors" status="New" type="FlexChartExplorer.Samples.GradientColors">
                <description>
                  [b]Heatmap[/b] charts represent data through variations in coloring.

                  The sample below shows a [b]Heatmap[/b] series in FlexChart with gradient color scale. The data from a two-dimensional array is shown as a table. The color of table's cell depends on the corresponding data value. Heatmap with gradient color scales are useful when the data being displayed is continuous in nature.

                </description>
              </item>
              <item name="Color Axis" title="Heatmap: Color Axis" status="New" type="FlexChartExplorer.Samples.ColorAxis">
                <description>
                  The sample below shows a [b]Heatmap[/b] plot with gradient color axis. The data from function f(x,y) is displayed in the heatmap with gradient coloring. The correspondence with color and function value is shown on the auxiliary color axis.
                </description>
              </item>
              <item name="Discrete Color" title="Heatmap: Discrete Colors" status="New" type="FlexChartExplorer.Samples.DiscreteColors">
                <description>
                  The sample below shows a [b]Heatmap[/b] plot with discrete color scale. In case of discrete color scale, the color depends on which interval the corresponding data value belongs to. All data points from the same interval have the same color. The list of user-defined intervals is shown on the chart legend.
                </description>
              </item>
            </items>
          </item>

          <item name="Financial Charts" title="" status="" type="" >
            <items>
              <item name="CandleStick" title="" status="" type="FlexChartExplorer.Samples.CandleStick">
                <description>
                  [b]FlexChart[/b] supports two types of financial chart: Candlestick and HighLowOpenClose. To use them, set the [b]ChartType[/b] property to the type you want, and set the series [b]Binding[/b] property to a comma-delimited string that specifies the fields that contain the high, low, open, and close values in the data source.

                  The sample below shows how to create Candlestick charts with [b]FlexChart[/b] control.
                </description>
              </item>
              <item name="HLOC" title="" status="" type="FlexChartExplorer.Samples.HLOC">
                <description>
                  [b]FlexChart[/b] supports two types of financial chart: Candlestick and HighLowOpenClose. To use them, set [b]ChartType[/b] property to the type you want, and set the series [b]Binding[/b] property to a comma-delimited string that specifies the fields that contain the high, low, open, and close values in the data source.

                  This view shows how to create HighLowOpenClose charts with [b]FlexChart[/b] control.
                </description>
              </item>
            </items>
          </item>

          <item name="Statistical Charts" title="" status="" type="" >
            <items>
              <item name="Box and Whisker" title="" status="" type="FlexChartExplorer.Samples.BoxAndWhisker" >
                <description>
                  The [b]Box &#38; Whisker[/b] series is normally used to compare distributions between different sets of numerical data.
                </description>
              </item>
              <item name="Error Bars" title="" status="" type="FlexChartExplorer.Samples.ErrorBar" >
                <description>
                  The [b]Error bar[/b] helps you see margins of error and standard deviations at a glance.
                </description>
              </item>
              <item name="Histogram" title="" status="Upd" type="FlexChartExplorer.Samples.Histogram" >
                <description>
                  A [b]Histogram[/b] chart is used to study the distribution of non-categorical data by dividing it into bins of specified width. It plots the frequency of data items that fall in each of these bins.
                </description>
              </item>
              <item name="RangedHistogram" title="" status="" type="FlexChartExplorer.Samples.RangedHistogram" >
                <description>
                  An unique Histogram chart that can be used to study categorical as well as non-categorical data. Provides multiple binning options as well as support for Overflow and Underflow bins.
                </description>
              </item>
              <item name="Pareto" title="" status="" type="FlexChartExplorer.Samples.Pareto" >
                <description>
                  A [b]Pareto[/b] is a special histogram chart with columns sorted in descending order and a rising line that represents the cumulative total percentage. Pareto charts makes it easier to analyze most significant issues and priorities corrective actions.
                </description>
              </item>
              <item name="Waterfall" title="" status="" type="FlexChartExplorer.Samples.Waterfall" >
                <description>
                  The sample below shows [b]Waterfall[/b] Series in FlexChart.

                  The Waterfall series is normally used to demonstrate how the starting position either increases or decreases through a series of changes.
                </description>
              </item>
            </items>
          </item>

          <item name="Special Charts" title="" status="" type="" >
            <items>
              <item name="Floating Bar" title="" status="" type="FlexChartExplorer.Samples.FloatBar" >
                <description>
                  [b]Floating Bar[/b] chart is normally used to display a series of horizontal or vertical bars, with each bar representing a range of values. The sample below shows two series of vertical bars which represent the temperature ranges in different cities for various months.
                </description>
              </item>
              <item name="Gantt Chart" title="Gantt Chart" status="" type="FlexChartExplorer.Samples.Gantt" >
                <description>
                  [b]Gantt[/b] chart is a series of horizontal floating bars primarily used for scheduling activities and tasks in a project. The sample below shows a Gantt chart for planning the phases of a release.
                </description>
              </item>
              <item name="Funnel Chart" title="Funnel Chart" status="" type="FlexChartExplorer.Samples.FunnelChart" >
                <description>
                  [b]Funnel[/b] charts are an excellent tool for summarizing data. It enables users to quickly visualize stages in a linear process.
                  The  sample below demonstrates creating a [b]Funnel[/b] chart in FlexChart.
                </description>
              </item>
              <item name="Radar Chart" title="" status="" type="FlexChartExplorer.Samples.RadarChart" >
                <description>
                  The sample below shows how to create radar chart with [b]FlexRadar[/b] control. Using FlexRadar is very similar to FlexChart:
                  1. Set the chart's [b]ItemsSource[/b] property to a collection of data objects.
                  2. Set the chart's [b]BindingX[/b] property to the name of the property that contains the values on circular axis.
                  3. Add one or more [b]Series[/b] to the chart's Series collection and set their [b]Binding[/b] property to the name of the property that contains the values on radial axis.
                </description>
              </item>

              <item name="Polar Chart" title="" status="" type="FlexChartExplorer.Samples.PolarChart" >
                <description>
                  The [b]FlexRadar[/b] control represents a [b]Polar[/b] chart when x-values are numbers that specifies angular values in degrees.
                  
                  The sample below shows plot of function defined in polar coordinates.
                </description>
              </item>
              <item name="Sunburst" title="" status="" type="FlexChartExplorer.Samples.Sunburst" >
                <description>
                  [b]Sunburst[/b] charts are used for visualizing hierarchical data in circular form.The sample below shows basic features of a Sunburst chart.
                </description>
              </item>
              <item name="TreeMap" title="" status="" type="FlexChartExplorer.Samples.TreeMap" >
                <description>
                  [b]TreeMap[/b] charts are compact way of visualizing hierarchical data in form of nested rectangles with area of each rectangle depicting the quantity of each category.
                </description>
              </item>
            </items>
          </item>

          <item name="Combination Charts" title="" status="" type="">
            <items>
              <item name="Combination Charts" title="" status="" type="FlexChartExplorer.Samples.CombinationCharts">
                <description>
                  The sample below demonstrates how different chart types can be used for different series in a chart.
                </description>
              </item>
            </items>
          </item>
        </items>
      </item>

      <item name="Chart Elements" title="" status="" type="" >
        <items>
          <item name="Titles" title="" status="" type="">
            <items>
              <item name="Headers And Footers" title="" status="" type="FlexChartExplorer.Samples.HeaderFooter">
                <description>
                  The sample below demonstrates how you can add a header and a footer in FlexChart by setting the [b]Header.Content[/b] and [b]Footer.Content[/b] properties. You can also customize the header/footer Font and Color using the [b]Header.Style[/b] and [b]Footer.Style[/b] properties.
                </description>
              </item>
              <item name="Axis Title" title="" status="" type="FlexChartExplorer.Samples.AxisTitle">
                <description>
                  The sample below demonstrates the use of axis titles. Axis Titles makes it clearer what values an axis is representing. In FlexChart you can set the axis title by setting the [b]Axis.Title[/b] property of the Axis. You can also customize the axis title's Font and Color using the [b]Axis.TitleStyle[/b].
                </description>
              </item>
            </items>
          </item>

          <item name="Series" title="" status="" type="">
            <items>
              <item name="Introduction" title="Series: Introduction" status="" type="FlexChartExplorer.Samples.ChartSeries">
                <description>
                  The sample below demonstrates adding and styling [b]Series[/b] in FlexChart. A [b]Series[/b] in FlexChart represents a series of data points that is to be displayed in the chart.

                  Each Series in FlexChart can have a DataSource, ChartType, Bindings, etc. different from the chart object itself.
                </description>
              </item>
              <item name="Toggle Series" title="" status="" type="FlexChartExplorer.Samples.Toggle">
                <description>
                  The sample below demonstrates toggling the visibility of a series in the chart. This is useful when you have a number of series plotted on the chart. You can allow the end-users to focus on a single or few series by simply tapping a legend item.
                  
                  To enable legend toggling set the [b]LegendToggle[/b] property to true.
                </description>
              </item>
            </items>
          </item>

          <item name="Axes" title="" status="" type="">
            <items>
              <item name="Multiple Axis" title="" status="" type="FlexChartExplorer.Samples.Axes">
                <description>
                  The sample below demonstrates FlexChart with multiple Y-Axis. Charts with secondary axes are useful for plotting multiple data sets with different types of units.
                </description>
              </item>
              <item name="Axis Grouping" title="" status="" type="FlexChartExplorer.Samples.AxisGrouping">
                <description>
                  The sample below demonstrates grouping of axis labels in FlexChart. You can set the [b]Axis.GroupNames[/b] to the name of the property by which the axis labels should be grouped. To display more than one group level on the axis specify a comma-separated string to the GroupNames property.

                  In case your data is organized in a hierarchical structure, then you also need to set the [b]GroupItemsPath[/b] property of the axis.
                </description>
              </item>
              <item name="Numeric Axis Grouping" title="" status="" type="FlexChartExplorer.Samples.NumericAxisGrouping">
                <description>
                  The sample below demonstrates grouping of numeric axis labels.

                  Numeric values on an axis can be grouped by creating a custom [b]GroupProvider[/b] implementing the [b]IAxisGroupProvider[/b] interface.
                </description>
              </item>
              <item name="DateTime Axis Grouping" title="" status="" type="FlexChartExplorer.Samples.DateTimeAxisGrouping">
                <description>
                  The sample below demonstrates grouping of date-time axis labels. FlexChart provides a [b]DateTimeGroupProvider[/b] which allows automatic generation of groups based upon the axis range and the axis MajorUnit value.
                </description>
              </item>
              <item name="Collapsible Axis Grouping" title="" status="New" type="FlexChartExplorer.Samples.CollapsibleAxisGrouping">
                <description>
                  The sample below demonstrates how axis groups can be expanded/collapsed in FlexChart by using the [b]Axis.GroupVisibilityLevel[/b] property.

                  The collapsing can start either from the highest group level or the lowest group level. This is determined by the sign of the GroupVisibilityLevel value. Positive values specify the anchor at the highest level, while negative values specify the anchor at level 1.

                  The absolute value of GroupVisibilityLevel specifies the most expanded level of the groups moving away from the anchor.
                </description>
              </item>
              <item name="Axis Labels" title="" status="" type="FlexChartExplorer.Samples.AxisLabels">
                <description>
                  The sample below demonstrates various [b]Axis[/b] options available in FlexChart to avoid overlapping of axis labels.
                  
                  You can set the [b]StaggeredLines[/b] count to draw the labels in a staggered fashion and/or set the [b]OverlappingLabels[/b] property to hide, show, trim or word-wrap labels that overlap.
                </description>
              </item>
            </items>
          </item>

          <item name="Data Labels" title="" status="" type="">
            <items>
              <item name="Introduction" title="DataLabels Introduction" status="" type="FlexChartExplorer.Samples.Labels">
                <description>
                  The sample below demonstrates how you can use [b]FlexChart[/b]'s [b]DataLabel[/b] property to add labels to each data point.
                </description>
              </item>
              <item name="Auto Labels" title="" status="" type="FlexChartExplorer.Samples.AutoLabels">
                <description>
                  The sample below demonstrates automatic positioning of DataLabels in FlexChart. When [b]DataLabel.Position[/b] is [b]Auto[/b] the chart performs automatic label layout trying to avoid their overlapping.
                </description>
              </item>
              <item name="Custom Labels" title="" status="" type="FlexChartExplorer.Samples.CustomLabels">
                <description>
                  This view demonstrates how you can use [b]FlexChart[/b]'s [b]LabelRendering[/b] event to customize the DataLabel's rendering.
                  
                  The sample below demonstrates canceling the rendering of certain data labels based on their point index.
                </description>
              </item>
            </items>
          </item>

          <item name="Legends" title="" status="" type="">
            <items>
              <item name="Basic Legends" title="" status="" type="FlexChartExplorer.Samples.Legends">
                <description>
                  This view shows how you can use the [b]FlexChart[/b] Legend properties.
                  The sample does the following:
                  1.Set legend position property to decide how you locate the legend. such as "Auto", "Left", "Top", "Right" and "Bottom".
                  2.Set legend orientations.
                  3.Set the mode of legend text wrapping. such as "None", "Wrap" and "Truncate".
                  4.Set a value more than 0 to legend item maxWidth property, set 0 to disable legend textWrapping.
                  5.Set the LegendGroup property of each series to group items within the legend.  Legend items within each group are arranged by the legend orientation property while the legend groups are arranged based on the legend position.
                </description>
              </item>
              <item name="Legend Items" title="" status="" type="FlexChartExplorer.Samples.LegendItems">
                <description>
                  The sample below shows each point of a series in a different color and displays its corresponding customized entry in the Legend.
                </description>
              </item>
              <item name="Legend Range" title="" status="" type="FlexChartExplorer.Samples.LegendRange">
                <description>
                  The sample below shows distributing a series into different range of values having different colors and display their corresponding entries in the legend.
                </description>
              </item>
            </items>
          </item>

          <item name="Plot Areas" title="" status="" type="">
            <items>
              <item name="Multiple Plot Areas" title="" status="" type="FlexChartExplorer.Samples.PlotAreas">
                <description>
                  The sample below demonstrates creating FlexChart with multiple plot areas. This is useful when the values in different series on the chart have different scale. Using multiple plot areas helps in enhancing the chart readability in cases like these.
                </description>
              </item>
              <item name="Zones" title="" status="" type="FlexChartExplorer.Samples.Zones">
                <description>
                  The view creates a scatter chart of student grades, highlighting each grade range using zones.

                  The zones are drawn in [b]Rendering[b] event of [b]FlexChart[/b]. Statistic values are calculated and plotted.
                </description>
              </item>
            </items>
          </item>

          <item name="Tooltips" title="" status="" type="">
            <items>
              <item name="Basic Tooltip" title="" status="" type="FlexChartExplorer.Samples.RegularTooltip">
                <description>
                  The view shows use of regular tooltip for displaying information related to a data point when mouse hovers over it.
                </description>
              </item>
              <item name="Formatted Tooltip" title="" status="" type="FlexChartExplorer.Samples.FormattedTooltip">
                <description>
                  The view shows how HTML/formatted content can be used for Tooltip by using C1SuperTooltip.
                </description>
              </item>
              <item name="Custom Tooltip" title="" status="" type="FlexChartExplorer.Samples.CustomTooltip">
                <description>
                  The sample below demonstrate creating a custom Tooltip for FlexChart using [b]C1SuperTooltip[/b]. A drilled down chart is created using FlexChart's MouseMove events and hit-testing and used as a customized tooltip for FlexChart.
                </description>
              </item>
            </items>
          </item>

          <item name="Line Markers" title="" status="" type="">
            <items>
              <item name="Introduction" title="LineMarker Introduction" status="" type="FlexChartExplorer.Samples.LineMarkerIntroduction">
                <description>
                  The sample demonstrates the use of the [b]LineMarkers[/b] in FlexChart. A LineMarker displays the precise data values for a given position on the chart by dragging horizontal and/or vertical lines over the plot with an attached label. It is useful in scenarios, where a user has a lot of data in a line or area chart, or if a user wants to display data from multiple series in a single label. With built-in interactions, such as Drag and Move, a user can drag the line marker and more precisely select the data point on the chart.
                </description>
              </item>
              <item name="Custom Content" title="LineMarkers : Custom Content" status="" type="FlexChartExplorer.Samples.LineMarkerContent">
                <description>
                  FlexChart allows you to change the LineMarker's content dynamically at runtime. In this sample we use the LineMarker's PositionChanged event to find out the desired content based on the current position of the LineMarker.
                </description>
              </item>
              <item name="Custom Drawing" title="LineMarkers : Custom Drawing" status="" type="FlexChartExplorer.Samples.LineMarkerPaint">
                <description>
                  The sample below demonstrates how you can use the LineMarker's Paint event and customize the content being drawn.
                </description>
              </item>
            </items>
          </item>

          <item name="Annotations" title="" status="" type="">
            <items>
              <item name="Introduction" title="Annotations: Introduction" status="" type="FlexChartExplorer.Samples.Basic">
                <description>
                  The sample below shows basic usage of [b]Annotations[/b] in FlexChart. In FlexChart, you can create Annotations of various shapes and sizes. The types supported include: [b]Line[/b], [b]Rectangle[/b], [b]Square[/b], [b]Polygon[/b], [b]Circle[/b], [b]Ellipse[/b], [b]Text[/b]and [b]Image[/b].

                  The annotations can be attached to FlexChart using any of the following four Attachments: [b]Absolute[/b], [b]Relative[/b], [b]DataCoordinate[/b], [b]DataIndex[/b].
                </description>
              </item>
              <item name="Comments" title="" status="" type="FlexChartExplorer.Samples.Advanced">
                <description>
                  The sample below shows how to display annotations easily on a FlexChart to show comments and useful information about data points on the plot area itself.
                </description>
              </item>
              <item name="Callouts" title="" status="" type="FlexChartExplorer.Samples.Callouts">
                <description>
                  The sample below shows how to use Polygon type annotations to display different shapes of callouts.
                </description>
              </item>
              <item name="Editable Annotations" title="" status="" type="FlexChartExplorer.Samples.EditableAnnotation">
                <description>
                  This sample shows how to add and edit annotations in [b]FlexChart[/b].

                  Following operations are supported in this sample:

                  1. You can click on one of the Annotation symbol in the Toolbar to choose a pre-defined Annotation type. After selecting the symbol, click and drag on the chart's PlotArea to add the selected Annotation type.
                  2. You can click on one of the AnnotationAttachment symbol (Absolute, Data or Relative coordinates) in the Toolbar to specify how to attach the new annotations.
                  3. You can double-click an Annotation to edit its text.
                  4. You can drag and move annotations around the chart. Click the 'AllowMove' button to enable/disable moving of Annotations.
                  5. You can delete a selected Annotation by pressing the 'Delete' Key or by using the Context Menu.
                </description>
              </item>
            </items>
          </item>
        </items>
      </item>

      <item name="Chart Appearance" title="" status="" type="" >
        <items>
          <item name="Palettes" title="" status="" type="FlexChartExplorer.Samples.Palettes">
            <description>
              The view shows how you can use different built-in Palettes and CustomPalette for FlexChart.
            </description>
          </item>
          <item name="Line Styles" title="" status="" type="FlexChartExplorer.Samples.LineStyles" keyWords="customize,custom drawing, SymbolRendering, SymbolRendered">
            <description>
              The sample below shows how to customize a single Line series with different styles and colors.
            </description>
          </item>
          <item name="Symbol Color" title="" status="" type="FlexChartExplorer.Samples.SymbolColor" keyWords="customize,custom drawing, SymbolRendering, SymbolRendered">
            <description>
              The sample below demonstrates how you can use [b]Series.SymbolRendering[/b] event to specify color of each data point.

              The color of data point depends on y-value of data point.
            </description>
          </item>
          <item name="Slice Color" title="" status="" type="FlexChartExplorer.Samples.SliceColor" keyWords="customize,slicerendered,slicerendering,custom drawing">
            <description>
              The sample below use SliceRendering and SliceRendered events in FlexPie. Slices will be painted from light to dark depending on their values.
            </description>
          </item>
          <item name="TreeMap Node Color" title="" status="" type="FlexChartExplorer.Samples.TreeMapNodeColor" keyWords="customize,,custom drawing,noderendering">
            <description>
              TreeMaps can be used to display two quantitative variables simultaneously, one represented by each rectangle's size and the other represented by its color.

              The sample below demonstrates how you can use TreeMap.NodeRendering event to specify color of each node.
            </description>
          </item>
        </items>
      </item>

      <item name="Interaction" title="" status="" type="" >
        <items>
          <item name="Selection" title="" status="" type="" >
            <items>
              <item name="Cartesian Chart Selection" title="" status="" type="FlexChartExplorer.Samples.CartesianChartSelection" >
                <description>
                  The sample below demonstrates [b]FlexChart[/b]'s selection feature. FlexChart provides 3 different [b]SelectionMode[/b]:
                  1. None: In this mode, Selection on FlexChart gets disabled
                  2. Point: In this mode, clicking a data point would show it as selected with the current [b]SelectionStyle[/b].
                  3. Series: In this mode, clicking a data point would show all the data points in that series as selected with the current [b]SelectionStyle[/b].
                </description>
              </item>
              <item name="Pie Chart Selection" title="" status="" type="FlexChartExplorer.Samples.FlexPieSelection" >
                <description>
                  The sample below shows [b]FlexPie[/b]'s selection feature.To enable selection in FlexPie, set the 'SelectionMode' property to 'Point'.
                </description>
              </item>
              <item name="Sunburst Selection" title="" status="" type="FlexChartExplorer.Samples.SunburstSelection" >
                <description>
                  The sample below shows [b]Sunburst[/b]'s selection feature. To enable selection in Sunburst charts, set the 'SelectionMode' property to 'Point'.
                </description>
              </item>
              <item name="TreeMap Selection" title="" status="" type="FlexChartExplorer.Samples.TreeMapSelection" >
                <description>
                  The sample below demonstrates the [b]TreeMap[/b]'s selection feature. To enable selection of nodes in TreeMap set the [b]MaxDepth[/b] to 0 and [b]SelectioMode[/b] to Point.
                </description>
              </item>
            </items>
          </item>

          <item name="Hit Test" title="" status="" type="FlexChartExplorer.Samples.HitTest" >
            <description>
              The sample below demonstrates the use of [b]FlexChart[/b]'s [b]HitTest[/b] method.
              The [b]HitTest[/b] method takes a point and returns the nearest chart element. It can be used to provide interactive features such as clickable regions, drill-downs, etc.
              Move mouse over chart to see information about the chart element that is closest to the mouse.
            </description>
          </item>

          <item name="Zoom and Scroll" title="" status="" type="" keyWords="zoom,scroll,pan">
            <items>
              <item name="Zoom" title="" status="" type="FlexChartExplorer.Samples.Zoom" >
                <description>
                  The sample below shows how to implement a custom zoom for [b]FlexChart[/b] control.
                  Use the mouse to select a rectangular area on the plot area. The chart will zoom in on the selected area. When you are done, click the 'Reset Zoom' button to return to the original view.
                </description>
              </item>
              <item name="Axis Scrollbars" title="" status="" type="FlexChartExplorer.Samples.AxisScrollbar" >
                <description>
                  FlexChart supports displaying [b]AxisScrollbars[/b] both along the X-Axis and Y-Axis. The AxisScrollbars allows you to zoom-in/zoom-out and pan along both the chart axes.
                </description>
              </item>
              <item name="Range Selector" title="" status="" type="FlexChartExplorer.Samples.RangeSelector" >
                <description>
                  [b]RangeSelector[/b] is a range slider control that allows you to zoom-in/zoom-out of FlexChart and pan along the x-axis.
                </description>
              </item>
            </items>
          </item>

          <item name="Drill Down" title="" status="" type="" >
            <items>
              <item name="Basic DrillDown" title="" status="" type="FlexChartExplorer.Samples.BasicDrillDown" >
                <description>
                  This sample shows performing drilldown in FlexChart. Click a data point to drill down into the details, or click on the breadcrumb to return to a higher level.
                </description>
              </item>
              <item name="Sunburst DrillDown" title="" status="" type="FlexChartExplorer.Samples.SunburstDrill" >
                <description>
                  This sample shows performing drilldown in SunBurst. To enable drilldown on a SunBurst chart, set the [b]DrillDown[/b] property to [b]true[/b].
                </description>
              </item>
              <item name="TreeMap DrillDown" title="" status="" type="FlexChartExplorer.Samples.TreeMapDrill" >
                <description>
                  This sample shows performing drilldown in TreeMap. Drill-down on a TreeMap chart gets enable by setting the [b]MaxDepth[/b] to value greater than 0.

                  You can left-click a cell to drilldown to the next level and right-click with to drill back one level up.
                </description>
              </item>
              <item name="Asynchronous Drill Down" title="" status="" type="FlexChartExplorer.Samples.AsynchronousDrillDown" >
                <description>
                  This sample demonstrates performing an asynchronous drilldown operation in FlexChart. Click a data point to drill down into the details, or click on the bread crumb to return to a higher level.
                </description>
              </item>
            </items>
          </item>
        </items>
      </item>

      <item name="Analytics" title="" status="" type="" keyWords="analysis">
        <items>
          <item name="Top N" title="" status="" type="FlexChartExplorer.Samples.TopN" >
            <description>
              The sample below shows how to exclude the points with small values from the chart except the [b]Top-N[/b] points. You can also aggregate them into a single cumulative point by selecting the [b]Show Others[/b] checkbox.
            </description>
          </item>
          <item name="Sorting" title="" status="" type="FlexChartExplorer.Samples.Sorting" >
            <description>
              The sample below shows how to sort series data in an ascending or descending order. You can also sort the data according to your customizable order, such as the match of two series in this example.
            </description>
          </item>
          <item name="Aggregation" title="" status="" type="FlexChartExplorer.Samples.Aggregation" >
            <description>
              The sample below shows how to show an aggregated view of a large amount of data. You can also specify on what function you would like to use to aggregate the data.
            </description>
          </item>
          <item name="Trend Line" title="" status="" type="FlexChartExplorer.Samples.TrendLine" >
            <description>
              The sample below shows using TrendLines in FlexChart. You can use different trend line types by setting the [b]FitType[/b] property of TrendLine.

              The points on the plot can also be dragged using mouse which would update the trend line and its equation automatically.
            </description>
          </item>
          <item name="Y-Function Series" title="" status="" type="FlexChartExplorer.Samples.YFunctionSeriesSample">
            <description>
              The sample below shows how to implement a Y-Function Series in FlexChart.

              The Y-Function Series allows to plot a function that is defined with formula y=y(x). Use the 'Function' property to specify the function.
            </description>
          </item>
          <item name="Parameteric Function Series" title="" status="" type="FlexChartExplorer.Samples.ParametricFunctionSeriesSample">
            <description>
              The sample below shows how to implement a Parametric Function Series in FlexChart.

              The Parametric Function Series allows to plot a function that is defined parametrically with formulas x = x(t) and y = y(t). Use the 'XFunction' and 'YFunction' properties to specify the functions for x and y coordinates.
            </description>
          </item>
        </items>
      </item>

      <item name="Export and Print" title="" status="" type="" >
        <items>
          <item name="Print" title="" status="" type="">
            <items>
              <item name="Single Page" title="Single Page Printing" status="" type="FlexChartExplorer.Samples.SinglePagePrint">
                <description>
                  The sample shows printing FlexChart to a single page. It allows configuring the PrintScale and the location and size of the chart on the page.

                </description>
              </item>
              <item name="Multiple Page" title="Multiple Page Printing" status="" type="FlexChartExplorer.Samples.MultiPagePrint">
                <description>
                  The sample shows how to print FlexChart in a variety of ways including:

                  - Printing multiple charts per page.
                  - Printing multiple charts on multiple pages where each chart is scaled to fit the entire page.
                  - Printing a single chart as sub charts where each printed page contains the Y-axis and a subset of data
                  - Printing a single chart as a stripped chart where the Y-axis is printed only on the first page.
                </description>
              </item>
            </items>
          </item>

          <item name="Export and Import" title="" status="" type="" >
            <items>
              <item name="Save Image" title="" status="" type="FlexChartExplorer.Samples.SaveImage">
                <description>
                  The sample below shows using FlexChart's SaveImage method, saving the chart to a Stream which is further used to export the chart as an image.

                  FlexChart supports saving charts into multiple formats like JPG, PNG and SVG.
                </description>
              </item>
              <item name="Serialization" title="" status="" type="FlexChartExplorer.Samples.Serialization">
                <description>
                  The sample below demonstrates and provides a library to serialize and deserialize FlexChart properties. The sample provides source for building a library (DLL) for the purposes of serializing
                  and deserializing FlexCharts and FlexPie charts.  Several serialization formats are addressed
                  including XML, JSON and Binary formats.
                </description>
              </item>
            </items>
          </item>
        </items>
      </item>
    </items>
  </item>
</items>