Waterfall Chart

Example

This Chart Canvas chart includes:

Custom theme
Series.Waterfall
Minimal attribute settings

<ChartCanvas ChartHeight="400" ChartWidth="640" ChartCaption="Basic Waterfall Chart" ID="Chart_WF1" IdeDisplayStatus="Collapsed">
  <Series TotalBarLabel="Profit" Type="Waterfall" ChartYDataColumn="Amount" ChartLabelColumn="Period" IdeDisplayStatus="Collapsed">
    <DataLayer Type="XMLFile" XMLFile="MonthlyVariations.xml" />
  </Series>
  <ChartXAxis IdeDisplayStatus="Collapsed">
    <AxisLabelStyle FontSize="12" />
  </ChartXAxis>
  <ChartYAxis IdeDisplayStatus="Collapsed">
    <AxisLabelStyle FontSize="12" />
  </ChartYAxis>
</ChartCanvas>

This Chart Canvas chart includes:

Custom theme
Series.Waterfall
Swapped axes
Custom colors
Custom Quicktips

<ChartCanvas ChartHeight="450" ChartWidth="640" ChartCaption="...with swapped axes and custom Quicktips" ID="Chart_WF2" AutoQuicktip="False" ChartOrientation="SwapAxes" IdeDisplayStatus="Collapsed">
  <Series TotalBarLabel="Profit" Type="Waterfall" ChartYDataColumn="Amount" ChartLabelColumn="Period" Color="#8BBC21" NegativeColor="#C42525" TotalBarColor="#2F7ED8" TotalBarColorTransparency="8">
    <DataLayer Type="XMLFile" XMLFile="MonthlyVariations.xml" />
    <Remark>
      <DataLabels FontSize="11" FontFamily="Segoe UI" FontAngle="90" OffsetX="3" />
    </Remark>
    <Quicktip>
      <QuicktipRow Value="@Chart.Period~" Caption="Period:" />
      <QuicktipRow Value="@Chart.Amount~" Caption="Sales:" Format="Currency" />
    </Quicktip>
    <Remark>
      <Action Type="Report">
        <LinkParams Prod_ID="@Chart.ProductID~" />
      </Action>
    </Remark>
  </Series>
  <ChartCaptionStyle FontWeight="Normal" AlignmentHorizontal="Left" />
  <ChartXAxis IdeDisplayStatus="Collapsed">
    <AxisLabelStyle FontSize="12" />
  </ChartXAxis>
  <ChartYAxis>
    <AxisLabelStyle FontSize="12" />
  </ChartYAxis>
</ChartCanvas>

This Chart Canvas chart includes:

Custom theme
Series.Waterfall
Swapped axes
Data labels
Custom Quicktips

<ChartCanvas ChartHeight="450" ChartWidth="640" ChartCaption="...with Data Labels" ID="Chart_WF3" AutoQuicktip="False" ChartOrientation="SwapAxes" IdeDisplayStatus="Collapsed">
  <Series TotalBarLabel="Profit" Type="Waterfall" ChartYDataColumn="Amount" ChartLabelColumn="Period" Color="Khaki" NegativeColor="#F28F43" TotalBarColor="#A6C96A" TotalBarColorTransparency="8" BarThickness="25" IdeDisplayStatus="Collapsed">
    <DataLayer Type="XMLFile" XMLFile="MonthlyVariations.xml" />
    <DataLabels FontSize="14" FontFamily="Segoe UI" OffsetX="3" />
    <Quicktip IdeDisplayStatus="Collapsed">
      <QuicktipRow Value="@Chart.Period~" Caption="Period:" />
      <QuicktipRow Value="@Chart.Amount~" Caption="Sales:" Format="Currency" />
    </Quicktip>
  </Series>
  <ChartCaptionStyle FontWeight="Normal" AlignmentHorizontal="Right" FontColor="SaddleBrown" FontFamily="Verdana" FontSize="22" />
  <ChartXAxis IdeDisplayStatus="Collapsed">
    <AxisLabelStyle FontSize="12" />
    <ChartTicksAndGrid GridLineColor="Silver" GridLineColorTransparency="13" />
  </ChartXAxis>
  <ChartYAxis IdeDisplayStatus="Collapsed">
    <AxisLabelStyle FontSize="12" />
  </ChartYAxis>
</ChartCanvas>