</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">FlexChart for WPF</div> <div id="PageTitle"><div id="PageTitleText">Emphasizing Different Types of Data</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="FlexChart.html">FlexChart</a> > <a href="WorkingwithFlexChart.html">Working with FlexChart</a> > <a href="FlexChartElements.html">FlexChart Elements</a> > <a href="FlexChartSeries.html">FlexChart Series</a> > Emphasizing Different Types of Data</td></tr></table></div> <div id="BodyContent"> <p>In a chart, there is often a common but crucial requirement to emphasize different types of data. Emphasizing or distinguishing different types of data is vital because chart data that is distinguishable is easier to interpret and understand.</p> <p>FlexChart caters to this requirement by allowing you to combine two or more chart types in a single chart. For instance, you can combine the LineSymbols Chart with the Column Chart to make the chart data easier to interpret. You can use the <a href="C1.WPF.FlexChart.4~C1.WPF.Chart.Series~ChartType.html">ChartType</a> property to specify the chart type at the series level for each series, thereby creating charts with multiple chart types.</p> <p>The following code combines two chart types in a single chart.</p> <div class="TabContainer TabContainerWidget"> <ul> <li class="FilteredContent4f16d4a5-b448-433e-9718-17a9cd53272a"><a href="#TabContent-4f16d4a5-b448-433e-9718-17a9cd53272a">XAML</a></li> </ul> <div id="TabContent-4f16d4a5-b448-433e-9718-17a9cd53272a" class="FilteredContent4f16d4a5-b448-433e-9718-17a9cd53272a"> <div data-title="XAML"> <div class="FilteredContentCS TabContainer TabContainerWidget" data-title="" data-itemid="CS"> <ul> <li><a href="#TabContent-8fb13348-032e-463c-bec0-3fb86eb4f7a0"></a></li> </ul> <div id="TabContent-8fb13348-032e-463c-bec0-3fb86eb4f7a0" class="FilteredContent code"> <pre> <c1:C1FlexChart.Series> <c1:Series ChartType=<span style="COLOR: #800000">"Line"</span> x:Name=<span style="COLOR: #800000">"Function1"</span> SeriesName=<span style="COLOR: #800000">"Function1"</span> BindingX =<span style="COLOR: #800000">"XVals"</span> Binding=<span style="COLOR: #800000">"YVals"</span>/> <c1:Series ChartType=<span style="COLOR: #800000">"LineSymbols"</span> x:Name=<span style="COLOR: #800000">"Function2"</span> SeriesName=<span style="COLOR: #800000">"Function2"</span> BindingX =<span style="COLOR: #800000">"XVals"</span> Binding=<span style="COLOR: #800000">"YVals"</span>/> </c1:C1FlexChart.Series> </pre> </div> </div> </div> </div> </div><img border="0" alt="" src="images/Images%20EXT/SeriesChartType.png"> <p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p> Copyright © <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/272000-wpf-and-silverlight-documentation">Documentation Feedback</a> </div> </body> </html>