balloonContentHeader

При увеличении карты (рисунок), если объекты находятся рядом, то нет выбора объекта. Не показывает заголовок объектов которые можно выбрать. Следующий код:

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<script src="http://example.ru/piechart-clusterer.js" type="text/javascript"></script>
<script type="text/javascript">
ymaps.ready(init);

function init () {
var myMap = new ymaps.Map("map", {
center: [49.122853,55.786764],
zoom: 10,
behaviors: ['scrollZoom', 'drag']
});
myMap.controls
.add('zoomControl', { left: 5, top: 5 })
.add('typeSelector')
.add('mapTools', { left: 35, top: 5 });
   
var clusterer = new PieChartClusterer(), result = [];
  ymaps.geoXml.load('http://example.ru/map.xml').then(function (res) {
res.geoObjects.each(function (obj) {
obj.properties.set('iconContent', obj.properties.get('metaDataProperty.AnyMetaData.price'));
result.push(obj);
});
// Добавляем метки в кластеризатор.
clusterer.add(result);
// Добавляем кластеризатор на карту.
myMap.geoObjects.add(clusterer);
if (res.mapState) {
res.mapState.applyToMap(myMap);
}
  });

  }
  </script>
<div id="map" style="width:640px; height:480px"></div>

На сколько я понимаю, за это отвечает balloonContentHeader. Каким образом и куда его нужно добавить, чтобы выбор объектов был как:

: