</ 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">Annotations</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> > Annotations</td></tr></table></div> <div id="BodyContent"> <p>Annotations are visual elements used to mark or highlight specific areas in a chart. They include texts, images, and shapes that can be used to display and highlight important information about specific data points. The primary purpose of using annotations in a chart is to communicate the chart data clearly.</p> <p>FlexChart provides eight types of annotations in three categories: shape, text, and image annotations. Each annotation type allows you to make chart data informative in different ways. Those include displaying information in circle, rectangle, polygon, and other shapes, and highlighting data through explanatory notes or images.</p> <p>In addition, annotations in FlexChart can be positioned in the chart using attachment modes, such as Absolute, Relative, Data Index, and Data Coordinate. Both annotations and their content are customizable through styling properties of font, color, and stroke. They can be made interactive by adding tooltips, especially image annotations.</p> <p align="center"> <img style="HEIGHT: 405px; WIDTH: 633px" border="0" alt="" src="images/AnnotationsOverview.png" width="765" height="541"></p> <p>To explore annotations, refer to the following sections:</p> <ul> <li><a href="AddingAnnotations.html">Adding Annotations</a></li> <li><a href="PositioningAnnotations.html">Positioning Annotations</a></li> <li><a href="CustomizingAnnotations.html">Customizing Annotations</a></li> <li><a href="TypesofAnnotations.html">Types of Annotations</a></li> <li><a href="CreatingAnnotationCallouts.html">Creating Callouts</a></li> </ul> <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>