Whisker Chart

Example

This Chart Canvas chart includes:

Custom theme
Series.Bar Range
Series.Whiskers
Custom ticks and grid settings

<ChartCanvas ChartHeight="400" ChartWidth="640" BorderColor="Silver" PlotBorderColor="Silver" SpacingBottom="30" SpacingRight="30" ID="MyChartCanvas1" ChartCaption="Stock Price Projection" ChartSubCaption="June 2016" PlotBackgroundColor="AliceBlue" IdeDisplayStatus="Collapsed">
  <DataLayer Type="XMLFile" XMLFile="AppleStockJune2013.xml" IdeDisplayStatus="Collapsed">
    <CalculatedColumn Formula="  * 1.02" ID="calcHighVal" />
    <CalculatedColumn Formula=" * .98" ID="calcLowVal" />
  </DataLayer>
  <Series Type="BarRange" ChartHighValueDataColumn="High" ChartLowValueDataColumn="Low" ChartXDataColumn="DayOfMonth" Color="LightSalmon" BarBorderColor="Brown" IdeDisplayStatus="Collapsed" BarThickness="16">
    <Quicktip IdeDisplayStatus="Collapsed">
      <QuicktipRow Caption="June: " Value="@Chart.DayOfMonth~" />
      <QuicktipRow Caption="Low:" Value="@Chart.Low~" Format="Currency" />
      <QuicktipRow Caption="High:" Value="@Chart.High~" Format="Currency" />
    </Quicktip>
    <Remark>
      <DataLabels />
    </Remark>
  </Series>
  <Series Type="Whiskers" ChartHighValueDataColumn="calcHighVal" ChartLowValueDataColumn="calcLowVal" StemColorTransparency="10" StemLineStyle="Dash" WhiskerColor="Green" ChartXDataColumn="DayOfMonth" StemLineThickness="1" />
  <ChartXAxis AxisCaption="Day of the Month" IdeDisplayStatus="Collapsed">
    <ChartTicksAndGrid TickInterval="1" GridLineThickness="0" />
  </ChartXAxis>
  <ChartYAxis AxisCaption="Dollars" />
</ChartCanvas>

This Chart Canvas chart includes:

Custom theme
Series.Bar Range
Series.Whiskers
Custom caption and axes styling

<ChartCanvas ChartHeight="400" ChartWidth="640" PlotBorderColor="Silver" SpacingBottom="30" ID="MyChartCanvas2" ChartCaption="Clinical Analysis Observations" IdeDisplayStatus="Collapsed">
  <DataLayer Type="Static" IdeDisplayStatus="Collapsed">
    <StaticDataRow Minimum="760" UpperQtl="895" LowerQtl="801" Maximum="965" Experiment="504" />
    <StaticDataRow Minimum="733" UpperQtl="980" LowerQtl="853" Maximum="1080" Experiment="505" />
    <StaticDataRow Minimum="714" UpperQtl="870" LowerQtl="762" Maximum="918" Experiment="506" />
    <StaticDataRow Minimum="724" UpperQtl="871" LowerQtl="802" Maximum="950" Experiment="507" />
    <StaticDataRow Minimum="820" UpperQtl="882" LowerQtl="836" Maximum="910" Experiment="508" />
  </DataLayer>
  <Series Type="BarRange" ChartHighValueDataColumn="UpperQtl" ChartLowValueDataColumn="LowerQtl" ChartXDataColumn="Experiment" Color="#BBBBBB" BarBorderColor="#555555" BarThickness="36" ChartXDataColumnType="Number" IdeDisplayStatus="Collapsed">
    <Quicktip IdeDisplayStatus="Collapsed">
      <QuicktipRow Caption="Upper Quartile:" Value="@Chart.UpperQtl~" />
      <QuicktipRow Caption="Lower Quartile:" Value="@Chart.LowerQtl~" />
    </Quicktip>
  </Series>
  <Series Type="Whiskers" ChartHighValueDataColumn="Maximum" ChartLowValueDataColumn="Minimum" StemColorTransparency="10" StemLineStyle="Solid" WhiskerColor="Maroon" ChartXDataColumn="Experiment" StemLineThickness="1" ChartXDataColumnType="Number" IdeDisplayStatus="Collapsed">
    <Quicktip IdeDisplayStatus="Collapsed">
      <QuicktipRow Caption="Maximum:" Value="@Chart.Maximum~" />
      <QuicktipRow Caption="Minimum:" Value="@Chart.Minimum~" />
    </Quicktip>
  </Series>
  <ChartCaptionStyle FontColor="DarkCyan" FontFamily="Calibri" FontSize="32" FontWeight="Lighter" />
  <ChartXAxis AxisCaption="Experiment ID#" IdeDisplayStatus="Collapsed">
    <ChartTicksAndGrid TickInterval="1" GridLineThickness="0" />
    <AxisLabelStyle FontWeight="Bold" />
    <AxisCaptionStyle FontWeight="Bold" />
  </ChartXAxis>
  <ChartYAxis AxisCaption="Observations" IdeDisplayStatus="Collapsed">
    <AxisCaptionStyle FontWeight="Bold" />
  </ChartYAxis>
</ChartCanvas>

This Chart Canvas chart includes:

Custom theme
Series.Bar
Series.Whiskers
Horizontal chart canvas orientation
Custom caption styling

<ChartCanvas ChartHeight="400" ChartWidth="640" ChartOrientation="SwapAxes" ChartCaption="Temperature Variations Following Class 2 Solar Flare" ID="MyChartCanvas3">
  <DataLayer Type="Static" IdeDisplayStatus="Collapsed">
    <StaticDataRow x="1" />
    <StaticDataRow x="2" />
    <StaticDataRow x="3" />
    <StaticDataRow x="4" />
    <StaticDataRow x="5" />
    <StaticDataRow x="6" />
    <StaticDataRow x="7" />
    <StaticDataRow x="8" />
    <StaticDataRow x="9" />
    <StaticDataRow x="10" />
    <CalculatedColumn Formula="75*Math.sin(0.63*) + 75" ID="y" />
    <CalculatedColumn Formula="sqr()" ID="err" />
    <CalculatedColumn Formula="+" ID="upper" />
    <CalculatedColumn Formula="- (2*)" ID="lower" />
  </DataLayer>
  <Series ChartXDataColumn="x" ChartYDataColumn="y" Type="Bar" Color="SkyBlue" BarThickness="24" />
  <Series ChartHighValueDataColumn="upper" ChartLowValueDataColumn="lower" ChartXDataColumn="x" StemColor="blue" Type="Whiskers" WhiskerColor="red" />
  <ChartCaptionStyle FontFamily="Arial" FontSize="22" FontWeight="Lighter" />
  <ChartYAxis IdeDisplayStatus="Collapsed">
    <Note Note="set format of auto tooltips" />
    <AxisLabelStyle Format="###.##" />
  </ChartYAxis>
</ChartCanvas>

This Chart Canvas chart includes:

Custom theme
Series.Whiskers
Multiple data values for each X-axis value

<ChartCanvas ID="myChartCanvas4" ChartCaption="Sedentary Population Rates" ChartHeight="400" ChartWidth="640">
  <DataLayer Type="XMLFile" ID="dlHeatlhXML" XMLFile="AllYears.xml" />
  <Series Type="Whiskers" ChartHighValueDataColumn="High" ChartLowValueDataColumn="Low" ChartXDataColumn="Year" />
</ChartCanvas>