</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">BarChart for ASP.NET WebForms</div> <div id="PageTitle"><div id="PageTitleText">Legend</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="barchartelements.html">Bar Chart Elements</a> > Legend</td></tr></table></div> <div id="BodyContent"> <p>The legend element displays information about each data series of the chart. The chart legend displays the mapping between the physical colors and the data series.</p> <p><strong>C1BarChart</strong> automatically generates a <strong>Legend</strong> whenever data exists in the chart and if the <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartSeries~LegendEntry.html">LegendEntry</a> property is enabled. The name of each series is represented in the legend when the <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartSeries~Label.html">Label</a> property is specified. If there is no value specified in the <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartSeries~Label.html">Label</a> property then the series names appear as undefined in the legend.</p> <p>The legend is controlled by the <b>Legend</b> property, which returns a <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend.html">ChartLegend</a> object with the following main properties:</p> <table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <th valign="top" width="128">Property</th> <th valign="top" width="417">Description</th> </tr> <tr> <td valign="top" width="128"><a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Text.html">Text</a></td> <td valign="top" width="417">Contains text displayed in the legend title.</td> </tr> <tr> <td valign="top" width="128">Style</td> <td valign="top" width="417">Contains properties that set the font, orientation, colors, and border of the legend.</td> </tr> <tr> <td valign="top" width="128"><a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Compass.html">Compass</a></td> <td valign="top" width="417">Determines the position of the legend.</td> </tr> <tr> <td valign="top" width="128"><a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Visible.html">Visible</a></td> <td valign="top" width="417">Determines whether the legend is visible.</td> </tr> <tr> <td valign="top" width="128"><a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Orientation.html">Orientation</a></td> <td valign="top" width="417">Determines whether the legend items should be displayed in the horizontal or vertical direction.</td> </tr> </tbody> </table> <p><b>C1Chart</b> sizes and positions the legend automatically, based on its contents and the <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Compass.html">Compass</a> and <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Orientation.html">Orientation</a> properties.</p> <p>The legend's orientation can be horizontal or vertical through its <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Orientation.html">Orientation</a> property and its position can be north, south, east, or west through its <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Chart.ChartLegend~Compass.html">Compass</a> property.</p> <a name="seealsobookmark"></a> <div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="series.html">Series</a></div> </div> </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 href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/255768-asp-net-documentation" target="_blank">Documentation Feedback</a> </div> </body> </html>