<div class="header-panel member">
<h2><span class="identifier">WjFlexPie</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Derived Classes</dt><dd><a href="topic/wijmo.angular.WjSunburst.Class.html"><span class="identifier">WjSunburst</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for the <a href="topic/wijmo.chart.FlexPie.Class.html"><span class="identifier">FlexPie</span></a> control.</p>
<p><dl class="dl-horizontal">
  <dt>items-source</dt>      <dd><code>=</code> An array or <a href="topic/wijmo.collections.ICollectionView.Interface.html"><span class="identifier">ICollectionView</span></a>
                             object that contains data for the chart.</dd>
  <dt>binding</dt>           <dd><code>@</code> The name of the property that
                             contains item values.</dd>
  <dt>binding-name</dt>      <dd><code>@</code> The name of the property that
                             contains item names.</dd>
  <dt>footer</dt>            <dd><code>@</code> The text to display in the chart footer (plain
                             text).</dd>
  <dt>footer-style</dt>       <dd><code>=</code> The style to apply to the chart footer.</dd>
  <dt>header</dt>            <dd><code>@</code> The text to display in the chart header (plain
                             text).</dd>
  <dt>header-style</dt>      <dd><code>=</code> The style to apply to the chart header.</dd>
  <dt>initialized</dt>       <dd><code>&</code> This event occurs after the binding has finished
                             initializing the control with attribute values.</dd>
  <dt>is-initialized</dt><dd><code>=</code> A value indicating whether the binding has finished
                             initializing the control with attribute values. </dd>
  <dt>inner-radius</dt>      <dd><code>@</code> The size of the hole inside the
                             pie, measured as a fraction of the pie radius.</dd>
  <dt>is-animated</dt>       <dd><code>@</code> A value indicating whether to use animation
                             to move selected items to the selectedItemPosition.</dd>
  <dt>item-formatter</dt>    <dd><code>=</code> The formatter function that customizes the
                             appearance of data points.</dd>
  <dt>offset</dt>            <dd><code>@</code> The extent to which pie slices are pulled
                             out from the center, as a fraction of the pie radius.</dd>
  <dt>palette</dt>           <dd><code>=</code> An array that contains the default colors used for
                             displaying pie slices.</dd>
  <dt>plot-margin</dt>       <dd><code>=</code> The number of pixels of space to leave between the
                             edges of the control and the plot area, or CSS-style margins.</dd>
  <dt>reversed</dt>          <dd><code>@</code> A value indicating whether to draw pie
                             slices in a counter-clockwise direction.</dd>
  <dt>start-angle</dt>       <dd><code>@</code> The starting angle for pie slices,
                             measured clockwise from the 9 o'clock position.</dd>
  <dt>selected-item-offset</dt>
                             <dd><code>@</code> The extent to which the selected pie slice is
                             pulled out from the center, as a fraction of the pie radius.</dd>
  <dt>selected-item-position</dt>
                             <dd><code>@</code> The <a href="topic/wijmo.chart.Position.Enum.html"><span class="identifier">Position</span></a> value indicating where to display
                             the selected slice.</dd>
  <dt>selection-mode</dt>    <dd><code>@</code> The <a href="topic/wijmo.grid.SelectionMode.Enum.html"><span class="identifier">SelectionMode</span></a> value indicating whether or what is
                             selected when the user clicks a series.</dd>
  <dt>tooltip-content</dt>   <dd><code>@</code> The value to display in the
                             <a href="topic/wijmo.chart.ChartTooltip.Class.html"><span class="identifier">ChartTooltip</span></a> content property.</dd>
  <dt>got-focus</dt>         <dd><code>&</code> The <a href="topic/wijmo.chart.FlexPie.Class.html/#gotFocus"><span class="identifier">gotFocus</span></a> event handler.</dd>
  <dt>lost-focus</dt>        <dd><code>&</code> The <a href="topic/wijmo.chart.FlexPie.Class.html/#lostFocus"><span class="identifier">lostFocus</span></a> event handler.</dd>
  <dt>rendering</dt>         <dd><code>&</code> The <a href="topic/wijmo.chart.FlexPie.Class.html/#rendering"><span class="identifier">rendering</span></a> event handler.</dd>
  <dt>rendered</dt>          <dd><code>&</code> The <a href="topic/wijmo.chart.FlexPie.Class.html/#rendered"><span class="identifier">rendered</span></a> event handler.</dd>
</dl></p>
<p>The wj-flex-pie directive may contain the following child directives:
<a href="topic/wijmo.angular.WjFlexChartLegend.Class.html"><span class="identifier">WjFlexChartLegend</span></a> and <a href="topic/wijmo.angular.WjFlexPieDataLabel.Class.html"><span class="identifier">WjFlexPieDataLabel</span></a>.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
