Line Chart

Example

  This Chart Canvas chart includes:

  • Custom theme
  • Series.Line
  • Minimal attribute settings

<ChartCanvas ID="Chart_Line1" ChartHeight="400" ChartWidth="640" ChartCaption="Basic Line Chart" AutoQuicktip="False" IdeDisplayStatus="Collapsed">  <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line1" IdeDisplayStatus="Collapsed">    <DataLayer Type="XMLFile" ID="dlSalesData1XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed">      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" />      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" />      <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed">        <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" />      </GroupFilter>    </DataLayer>  </Series>  <ChartCaptionStyle AlignmentHorizontal="Left" FontFamily="Verdana" FontWeight="Normal" />  <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed">    <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="0" />    <AxisLabelStyle OffsetY="20" />  </ChartXAxis>  <ChartYAxis IdeDisplayStatus="Collapsed" AxisCaption="Sales Volume $">    <ChartTicksAndGrid TickInterval="5000" />    <AxisLabelStyle Format="###,###" />  </ChartYAxis></ChartCanvas>
<ChartCanvas ID="Chart_Line1" ChartHeight="400" ChartWidth="640" ChartCaption="Basic Line Chart" AutoQuicktip="False" IdeDisplayStatus="Collapsed"> <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line1" IdeDisplayStatus="Collapsed"> <DataLayer Type="XMLFile" ID="dlSalesData1XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed"> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" /> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" /> <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed"> <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" /> </GroupFilter> </DataLayer> </Series> <ChartCaptionStyle AlignmentHorizontal="Left" FontFamily="Verdana" FontWeight="Normal" /> <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed"> <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="0" /> <AxisLabelStyle OffsetY="20" /> </ChartXAxis> <ChartYAxis IdeDisplayStatus="Collapsed" AxisCaption="Sales Volume $"> <ChartTicksAndGrid TickInterval="5000" /> <AxisLabelStyle Format="###,###" /> </ChartYAxis></ChartCanvas>

  This Chart Canvas chart includes:

  • Custom theme
  • Series.Line
  • Minimal attribute settings
  • Zoom Control lets you to "zoom-in" on data

<ChartCanvas ID="Chart_Line2" ChartHeight="400" ChartWidth="640" ChartCaption="...with Zoom Control" AutoQuicktip="False" ChartSubCaption="(select chart region by dragging)" IdeDisplayStatus="Collapsed">  <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line2" Color="DarkCyan" IdeDisplayStatus="Collapsed">    <DataLayer Type="XMLFile" ID="dlSalesData7XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed">      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" />      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" />      <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed">        <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" />      </GroupFilter>    </DataLayer>  </Series>  <ChartCaptionStyle FontFamily="Verdana" FontWeight="Normal" />  <ChartSubCaptionStyle FontWeight="Normal" FontSize="16" />  <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed">    <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="0" />    <AxisLabelStyle OffsetY="20" />  </ChartXAxis>  <ChartYAxis AxisCaption="Sales Volume $" IdeDisplayStatus="Collapsed">    <ChartTicksAndGrid TickInterval="5000" />    <AxisLabelStyle Format="###,###" />  </ChartYAxis>  <ZoomControl /></ChartCanvas>
<ChartCanvas ID="Chart_Line2" ChartHeight="400" ChartWidth="640" ChartCaption="...with Zoom Control" AutoQuicktip="False" ChartSubCaption="(select chart region by dragging)" IdeDisplayStatus="Collapsed"> <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line2" Color="DarkCyan" IdeDisplayStatus="Collapsed"> <DataLayer Type="XMLFile" ID="dlSalesData7XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed"> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" /> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" /> <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed"> <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" /> </GroupFilter> </DataLayer> </Series> <ChartCaptionStyle FontFamily="Verdana" FontWeight="Normal" /> <ChartSubCaptionStyle FontWeight="Normal" FontSize="16" /> <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed"> <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="0" /> <AxisLabelStyle OffsetY="20" /> </ChartXAxis> <ChartYAxis AxisCaption="Sales Volume $" IdeDisplayStatus="Collapsed"> <ChartTicksAndGrid TickInterval="5000" /> <AxisLabelStyle Format="###,###" /> </ChartYAxis> <ZoomControl /></ChartCanvas>

  This Chart Canvas chart includes:

  • Custom theme
  • Series.Line
  • Custom Quicktip

<ChartCanvas ID="Chart_Line3" ChartHeight="400" ChartWidth="640" ChartCaption="...with Custom Quicktip" PlotBorderColor="DarkOrange" IdeDisplayStatus="Collapsed">  <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line3" Color="Black" IdeDisplayStatus="Collapsed">    <DataLayer Type="XMLFile" ID="dlSalesData2XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed">      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" />      <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" />      <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed">        <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" />      </GroupFilter>    </DataLayer>    <Quicktip IdeDisplayStatus="Collapsed">      <QuicktipRow Caption="Month:" Value="@Chart.tpcMonthAbbrev~" />      <QuicktipRow Caption="Sales:" Value="@Chart.gacSaleAmount~" Format="Currency" />    </Quicktip>  </Series>  <ChartCaptionStyle FontWeight="Normal" FontColor="DarkSeaGreen" />  <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed">    <AxisCaptionStyle FontColor="SaddleBrown" FontFamily="Arial" FontSize="16" FontWeight="Bold" />    <AxisLabelStyle OffsetY="20" FontColor="SaddleBrown" FontSize="16" />    <ChartTicksAndGrid TickmarkPlacement="Center" GridLineColor="GreenYellow" GridLineThickness="1" />  </ChartXAxis>  <ChartYAxis AxisCaption="Sales" IdeDisplayStatus="Collapsed">    <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" />    <AxisLabelStyle Format="$###,###" FontColor="#505050" />    <ChartTicksAndGrid TickInterval="5000" />  </ChartYAxis></ChartCanvas>
<ChartCanvas ID="Chart_Line3" ChartHeight="400" ChartWidth="640" ChartCaption="...with Custom Quicktip" PlotBorderColor="DarkOrange" IdeDisplayStatus="Collapsed"> <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.Line3" Color="Black" IdeDisplayStatus="Collapsed"> <DataLayer Type="XMLFile" ID="dlSalesData2XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed"> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" /> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" /> <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed"> <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" /> </GroupFilter> </DataLayer> <Quicktip IdeDisplayStatus="Collapsed"> <QuicktipRow Caption="Month:" Value="@Chart.tpcMonthAbbrev~" /> <QuicktipRow Caption="Sales:" Value="@Chart.gacSaleAmount~" Format="Currency" /> </Quicktip> </Series> <ChartCaptionStyle FontWeight="Normal" FontColor="DarkSeaGreen" /> <ChartXAxis AxisCaption="Month" IdeDisplayStatus="Collapsed"> <AxisCaptionStyle FontColor="SaddleBrown" FontFamily="Arial" FontSize="16" FontWeight="Bold" /> <AxisLabelStyle OffsetY="20" FontColor="SaddleBrown" FontSize="16" /> <ChartTicksAndGrid TickmarkPlacement="Center" GridLineColor="GreenYellow" GridLineThickness="1" /> </ChartXAxis> <ChartYAxis AxisCaption="Sales" IdeDisplayStatus="Collapsed"> <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" /> <AxisLabelStyle Format="$###,###" FontColor="#505050" /> <ChartTicksAndGrid TickInterval="5000" /> </ChartYAxis></ChartCanvas>

  This Chart Canvas chart includes:

  • Custom theme
  • Series.Line
  • Linear Time data scaling
  • Caption and Label styling
  • Marker Band

<ChartCanvas ID="Chart_Line4" ChartHeight="400" ChartWidth="700" ChartCaption="...with Linear Time Scaling and Marker Band" PlotBorderColor="Gray" IdeDisplayStatus="Collapsed">  <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="ShippedDate" ID="Series.Line4" Color="Purple" IdeDisplayStatus="Collapsed">    <DataLayer Type="XMLFile" ID="dlSalesData2XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed">      <ConditionFilter Condition=" &lt; 10540" />      <GroupFilter GroupColumn="ShippedDate" DataType="Date" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed">        <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" ID="gacSaleAmount" DataType="Number" />      </GroupFilter>      <FormattedColumn DataColumn="gacSaleAmount" Format="Currency" ID="fmtSaleAmount" />      <FormattedColumn DataColumn="ShippedDate" Format="Short Date" ID="fmtShippedDate" />    </DataLayer>    <MarkerPoints MarkerPointSymbol="Circle" MarkerPointFillColor="Purple" />    <Quicktip IdeDisplayStatus="Collapsed">      <QuicktipRow Caption="Shipped: " Value="@Chart.fmtShippedDate~" />      <QuicktipRow Caption="Amount:" Value="@Chart.gacSaleAmount~" Format="Currency" />    </Quicktip>  </Series>  <ChartCaptionStyle FontWeight="Normal" FontFamily="comic sans ms" />  <ChartXAxis AxisType="DateTimeLinear" AxisCaption="Shipped" IdeDisplayStatus="Collapsed">    <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" />    <AxisLabelStyle FontColor="#505050" FontAngle="30" Format="Short Date" FontSize="14" FontFamily="Arial" />    <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="1" TickInterval="Weeks" />  </ChartXAxis>  <ChartYAxis AxisCaption="Revenue" ScaleLowerBound="0" ScaleUpperBound="12000" IdeDisplayStatus="Collapsed">    <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" />    <AxisLabelStyle Format="$###,###" FontColor="#505050" />    <ChartTicksAndGrid TickInterval="2000" />    <MarkerBand Color="LightGoldenrodYellow" MarkerBandFromValue="8000" MarkerBandToValue="11000" Caption="Sweet Spot" />  </ChartYAxis></ChartCanvas>
<ChartCanvas ID="Chart_Line4" ChartHeight="400" ChartWidth="700" ChartCaption="...with Linear Time Scaling and Marker Band" PlotBorderColor="Gray" IdeDisplayStatus="Collapsed"> <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="ShippedDate" ID="Series.Line4" Color="Purple" IdeDisplayStatus="Collapsed"> <DataLayer Type="XMLFile" ID="dlSalesData2XML" XMLFile="NW_SalesTotalsByAmount.xml" IdeDisplayStatus="Collapsed"> <ConditionFilter Condition=" &lt; 10540" /> <GroupFilter GroupColumn="ShippedDate" DataType="Date" KeepGroupedRows="False" SortSequence="Ascending" IdeDisplayStatus="Collapsed"> <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" ID="gacSaleAmount" DataType="Number" /> </GroupFilter> <FormattedColumn DataColumn="gacSaleAmount" Format="Currency" ID="fmtSaleAmount" /> <FormattedColumn DataColumn="ShippedDate" Format="Short Date" ID="fmtShippedDate" /> </DataLayer> <MarkerPoints MarkerPointSymbol="Circle" MarkerPointFillColor="Purple" /> <Quicktip IdeDisplayStatus="Collapsed"> <QuicktipRow Caption="Shipped: " Value="@Chart.fmtShippedDate~" /> <QuicktipRow Caption="Amount:" Value="@Chart.gacSaleAmount~" Format="Currency" /> </Quicktip> </Series> <ChartCaptionStyle FontWeight="Normal" FontFamily="comic sans ms" /> <ChartXAxis AxisType="DateTimeLinear" AxisCaption="Shipped" IdeDisplayStatus="Collapsed"> <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" /> <AxisLabelStyle FontColor="#505050" FontAngle="30" Format="Short Date" FontSize="14" FontFamily="Arial" /> <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="1" TickInterval="Weeks" /> </ChartXAxis> <ChartYAxis AxisCaption="Revenue" ScaleLowerBound="0" ScaleUpperBound="12000" IdeDisplayStatus="Collapsed"> <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" /> <AxisLabelStyle Format="$###,###" FontColor="#505050" /> <ChartTicksAndGrid TickInterval="2000" /> <MarkerBand Color="LightGoldenrodYellow" MarkerBandFromValue="8000" MarkerBandToValue="11000" Caption="Sweet Spot" /> </ChartYAxis></ChartCanvas>

  This Chart Canvas chart includes:

  • Custom theme
  • Two Series.Line elements
  • Caption and Label styling
  • Custom Quicktips
  • Legend filtering (click Legend item to toggle)

<ChartCanvas ID="Chart_Line5" ChartHeight="400" ChartWidth="700" ChartCaption="...with Second Data Series and Legend" PlotBorderColor="Gray" BackgroundColor="AliceBlue" PlotBackgroundColor="Khaki" PlotBackgroundColorTransparency="12" IdeDisplayStatus="Collapsed">  <Note Note="Datalayer under Chart Canvas because both Series can use same data" />  <DataLayer Type="XMLFile" ID="dlSalesData5XML" XMLFile="NW_SalesTotalsByAmount.xml">    <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" />    <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" />    <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" ID="GroupFilter5">      <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" />    </GroupFilter>    <CalculatedColumn Formula=".20 * " ID="calcSalesTax" />    <FormattedColumn DataColumn="gacSaleAmount" Format="Currency" ID="fmtSaleAmount" />  </DataLayer>  <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.LineSales" Color="#9ACB00" LegendLabel="Sales">    <Quicktip>      <QuicktipRow Caption="Shipped: " Value="@Chart.tpcMonthAbbrev~" />      <QuicktipRow Caption="Sales:" Value="@Chart.gacSaleAmount~" Format="Currency" />    </Quicktip>  </Series>  <Series Type="Line" ID="Series.LineTaxes" ChartYDataColumn="calcSalesTax" ChartXDataColumn="tpcMonthAbbrev" Color="DarkMagenta" SeriesLineStyle="ShortDash" LegendLabel="Taxes">    <Quicktip>      <QuicktipRow Caption="Shipped: " Value="@Chart.tpcMonthAbbrev~" />      <QuicktipRow Caption="Taxes:" Value="@Chart.calcSalesTax~" Format="Currency" />    </Quicktip>  </Series>  <ChartCaptionStyle FontFamily="Segoe UI" FontWeight="Normal" FontSize="24" />  <ChartXAxis AxisCaption="Month">    <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" FontColor="SaddleBrown" />    <AxisLabelStyle FontColor="SaddleBrown" FontSize="14" FontFamily="Arial" OffsetY="18" />    <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="1" />  </ChartXAxis>  <ChartYAxis AxisCaption="Revenue">    <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" />    <AxisLabelStyle Format="$###,###" FontColor="#505050" />    <ChartTicksAndGrid TickInterval="5000" />  </ChartYAxis>  <ChartCanvasLegend LegendOrientation="Vertical" BackgroundColor="White" BorderColor="Gray" BorderRadius="0" OffsetY="42" /></ChartCanvas>
<ChartCanvas ID="Chart_Line5" ChartHeight="400" ChartWidth="700" ChartCaption="...with Second Data Series and Legend" PlotBorderColor="Gray" BackgroundColor="AliceBlue" PlotBackgroundColor="Khaki" PlotBackgroundColorTransparency="12" IdeDisplayStatus="Collapsed"> <Note Note="Datalayer under Chart Canvas because both Series can use same data" /> <DataLayer Type="XMLFile" ID="dlSalesData5XML" XMLFile="NW_SalesTotalsByAmount.xml"> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthNo" TimePeriod="Month" /> <TimePeriodColumn DataColumn="ShippedDate" ID="tpcMonthAbbrev" TimePeriod="MonthAbbreviation" /> <GroupFilter GroupColumn="tpcMonthNo" DataType="Number" KeepGroupedRows="False" SortSequence="Ascending" ID="GroupFilter5"> <GroupAggregateColumn AggregateColumn="SaleAmount" AggregateFunction="Sum" DataType="Number" ID="gacSaleAmount" /> </GroupFilter> <CalculatedColumn Formula=".20 * " ID="calcSalesTax" /> <FormattedColumn DataColumn="gacSaleAmount" Format="Currency" ID="fmtSaleAmount" /> </DataLayer> <Series Type="Line" ChartYDataColumn="gacSaleAmount" ChartXDataColumn="tpcMonthAbbrev" ID="Series.LineSales" Color="#9ACB00" LegendLabel="Sales"> <Quicktip> <QuicktipRow Caption="Shipped: " Value="@Chart.tpcMonthAbbrev~" /> <QuicktipRow Caption="Sales:" Value="@Chart.gacSaleAmount~" Format="Currency" /> </Quicktip> </Series> <Series Type="Line" ID="Series.LineTaxes" ChartYDataColumn="calcSalesTax" ChartXDataColumn="tpcMonthAbbrev" Color="DarkMagenta" SeriesLineStyle="ShortDash" LegendLabel="Taxes"> <Quicktip> <QuicktipRow Caption="Shipped: " Value="@Chart.tpcMonthAbbrev~" /> <QuicktipRow Caption="Taxes:" Value="@Chart.calcSalesTax~" Format="Currency" /> </Quicktip> </Series> <ChartCaptionStyle FontFamily="Segoe UI" FontWeight="Normal" FontSize="24" /> <ChartXAxis AxisCaption="Month"> <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" FontColor="SaddleBrown" /> <AxisLabelStyle FontColor="SaddleBrown" FontSize="14" FontFamily="Arial" OffsetY="18" /> <ChartTicksAndGrid TickmarkPlacement="Center" GridLineThickness="1" /> </ChartXAxis> <ChartYAxis AxisCaption="Revenue"> <AxisCaptionStyle FontFamily="Arial" FontSize="16" FontWeight="Bold" /> <AxisLabelStyle Format="$###,###" FontColor="#505050" /> <ChartTicksAndGrid TickInterval="5000" /> </ChartYAxis> <ChartCanvasLegend LegendOrientation="Vertical" BackgroundColor="White" BorderColor="Gray" BorderRadius="0" OffsetY="42" /></ChartCanvas>

  This Chart Canvas chart includes:

  • Custom theme
  • Series.Line
  • Custom caption styling
  • DateTimeLinear X-Axis
  • Refresh Series Timer

<ChartCanvas ID="Chart_Line7" ChartHeight="400" ChartWidth="640" ChartCaption="... with Refresh Timer">  <DataLayer Type="Static" IdeDisplayStatus="Collapsed">    <StaticDataRow CaptureDate="04/19/2024 19:14:19" />    <CalculatedColumn Formula="Rnd(Second(&quot;19:14:19&quot;))" ID="Value" />    <CalculatedColumn Formula="Rnd(Second(&quot;19:14:19&quot;)-1)" ID="Value2" />  </DataLayer>  <Series ChartXDataColumn="CaptureDate" ChartXDataColumnType="DateTime" ChartYDataColumn="Value" ID="Series.LineTimer" Type="Line" IdeDisplayStatus="Collapsed">    <RefreshSeriesTimer RefreshInterval="1" TimeSpan="00:02:00" />  </Series>  <ChartCaptionStyle FontColor="SteelBlue" FontFamily="Calibri" FontSize="32" FontWeight="Lighter" />  <ChartXAxis AxisType="DateTimeLinear" AxisCaption="Seconds">  </ChartXAxis>  <ChartYAxis AxisCaption="Value" /></ChartCanvas>
<ChartCanvas ID="Chart_Line7" ChartHeight="400" ChartWidth="640" ChartCaption="... with Refresh Timer"> <DataLayer Type="Static" IdeDisplayStatus="Collapsed"> <StaticDataRow CaptureDate="04/19/2024 19:14:19" /> <CalculatedColumn Formula="Rnd(Second(&quot;19:14:19&quot;))" ID="Value" /> <CalculatedColumn Formula="Rnd(Second(&quot;19:14:19&quot;)-1)" ID="Value2" /> </DataLayer> <Series ChartXDataColumn="CaptureDate" ChartXDataColumnType="DateTime" ChartYDataColumn="Value" ID="Series.LineTimer" Type="Line" IdeDisplayStatus="Collapsed"> <RefreshSeriesTimer RefreshInterval="1" TimeSpan="00:02:00" /> </Series> <ChartCaptionStyle FontColor="SteelBlue" FontFamily="Calibri" FontSize="32" FontWeight="Lighter" /> <ChartXAxis AxisType="DateTimeLinear" AxisCaption="Seconds"> </ChartXAxis> <ChartYAxis AxisCaption="Value" /></ChartCanvas>