FlexPie

selection

by Troy Taylor

HTML

<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.chart.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
  <h1>FlexPie</h1>
  <p>
  selectedIndex property always returns -1
  </p>
  <p>
  fixed in .354
  </p>
  <div id="chart"></div>
</div>

JavaScript

// create controls
var data = [];
var names = ['Oranges', 'Apples', 'Pears', 'Bananas', 'Pineapples'];

// populate itemsSource
for (var i = 0; i < names.length; i++) {
  data.push({
    name: names[i],
    value: Math.round(Math.random() * 100)
  });
}

var chart = new wijmo.chart.FlexPie('#chart', {
	binding: 'value',
  bindingName: 'name',
  itemsSource: data,
  isDisabled: false,
  isAnimated: true,
  selectionMode: 'Point',
  selectedItemPosition: 'Top',
  selectionChanged: function(s,e) {
  	console.log(s.selectedIndex);
  }
});