</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">Chart for WinRT</div> <div id="PageTitle"><div id="PageTitleText">Step Chart</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Chart_for_WinRT.html">Chart for WinRT</a> > <a href="Chart_Types.html">Chart Types</a> > Step Chart</td></tr></table></div> <div id="BodyContent"> <p>The <a href="C1.Xaml.Chart~C1.Xaml.Chart.C1Chart.html">C1Chart</a> control supports the following types of Step Charts:</p> <ul> <li>Step</li> <li>StepArea</li> <li>StepSymbols</li> <li>StepAreaStacked</li> </ul> <p>A <b>Step</b> chart is a form of a <b>XYPlot</b> chart. <b>Step</b> charts are often used when Y values suddenly change by discrete amounts at specific values of X. Plotting a checkbook balance over time is a simple, everyday example.</p> <p>As each deposit is made and each check is written, the balance (Y value) of the check register changes suddenly, rather than gradually, as time passes (X value). During the time that no deposits are made or no checks are written, the balance (Y value) remains constant as time passes.</p> <p>Similar to <strong>Line</strong> and <strong>XY plots</strong>, the appearance of the step chart can be customized by using the <a href="C1.Xaml.Chart~C1.Xaml.Chart.DataSeries~Connection.html">DataSeries.Connection</a> and <a href="C1.Xaml.Chart~C1.Xaml.Chart.DataSeries~Symbol.html">DataSeries.Symbol</a> properties for each series by changing colors, symbol size, and line thickness.</p> <p>Symbols can be removed entirely to emphasize the relationship between points or included to indicate actual data values. If data holes are present, the step chart behaves as expected, with series lines demonstrating known information up to the X value of the data hole. Symbols and lines resume once non-hole data is again encountered.</p> <p>As with most <b>XY</b> style plots, step charts can be stacked when appropriate.</p> <p>The following image represents the <b>Step</b> chart when you set <a href="C1.Xaml.Chart~C1.Xaml.Chart.C1Chart~ChartType.html">C1Chart.ChartType</a> property to <b>Step</b>:</p> <p> </p> <p><img border="0" alt="" src="images/Graphics/Narrative/CTStep.png"></p> <p> </p> <p>The following image represents the <b>StepArea</b> chart when you set the <a href="C1.Xaml.Chart~C1.Xaml.Chart.C1Chart~ChartType.html">C1Chart.ChartType</a> property to <strong>StepArea</strong>:</p> <p> </p> <p><img border="0" alt="" src="images/Graphics/Narrative/CTStepArea.png"></p> <p> </p> <p>The following image represents the <b>StepSymbols</b> chart when you set the <a href="C1.Xaml.Chart~C1.Xaml.Chart.C1Chart~ChartType.html">C1Chart.ChartType</a> property to <strong>StepSymbols</strong>:</p> <p> </p> <p><img border="0" alt="" src="images/Graphics/Narrative/CTStepSymbols.png"></p> <p> </p> <p>The following image represents the <strong>StepAreaStacked</strong> chart when you set the <a href="C1.Xaml.Chart~C1.Xaml.Chart.C1Chart~ChartType.html">C1.ChartType</a> property to <strong>StepAreaStacked</strong>:</p> <p> </p> <p><img border="0" alt="" src="images/Graphics/Narrative/CTStepAreaStacked2.png"></p> <p> </p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/255783-xaml-documentation">Documentation Feedback</a> </div> </body> </html>