Edit in JSFiddle

var treeMap = new wijmo.chart.hierarchical.TreeMap('#treeMap', {
  itemsSource: sample.salesByCP(),
  binding: '売上',
  bindingName: ['分類名', '商品名'],
  dataLabel: {
    content: '{name}'
  },
  maxDepth: 2
});

new wijmo.input.InputNumber('#maxDepth', {
  step: 1,
  value: 2,
  max: 2,
  valueChanged: function(s, e) {
    treeMap.maxDepth = s.value;
  }
});
new wijmo.input.ComboBox('#type', {
  itemsSource: '長方形,水平方向,垂直方向'.split(','),
  selectedIndexChanged: function(s, e) {
    treeMap.type = s.selectedIndex;
  }
});
<div class="container">

  <h1>TreeMap</h1>
  <p>ツリーマップ。データの階層構造と大きさを入れ子の長方形で表します。</p>
  <div id="treeMap"></div>
  <form name="form" class="property-panel">
    <label>レイアウトの種類<div id="type"></div></label>
    <label>最大レベル<div id="maxDepth"></div></label>
  </form>

</div>