Сенча сенсорные диаграммы всплывающая подсказка

Question

Я использую диаграмму пончиков Touch Sencha. Теперь я ищу отображение всплывающей подсказки в разделах диаграмм пончиков. После того, как я обыскал в Интернете, я обнаружил, что в sencha touch нет такой библиотеки подсказок, как у нас в EXTJS.

, пожалуйста, дайте мне знать, если мы сможем использовать код подсказки EXTJS в сенсорных диаграммах сенча, если нет, то, пожалуйста, помогите мне с некоторыми ссылками, примерами всплывающих подсказок сенсорных карт Sencha.

Я использую этот код в моем сенче касание кольцевой диаграмме JS, но это не работает:

var tip = Ext.create('Ext.tip.ToolTip', { 
     target: 'donut-chart', 
     html: '<font size="2" color="white"><span style="padding-left:2px"><B>Electronics &nbsp;&nbsp; $15.3m</B></span> <br><br> <span style="padding-left:2px">%Total &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;13%</span></font>', 
     width: 150, 
     height: 6, 
     Border: 'false', 
     bodyStyle: 'background-color: teal;', 
     style: 'background-color: white;opacity: 0.5;' 
    }); 
    tip.showAt(200, 100); 

пожалуйста, помогите ...

Спасибо!

Answer 1

В Sencha Touch Pie Charts, есть свойство donut, чтобы установить круговая диаграмма как пончика диаграмма.

Значение по умолчанию: false. Вы можете установить это свойство true

donut: true, 

, а затем использовать tips свойство PieChart как это,

tips: { 
    trackMouse: true, 
    width: 140, 
    height: 28, 
    renderer: function(storeItem, item) { 
    this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' views'); 
    } 
}, 

Answer 2

Это старая нить, но размещение мое решение, как это могло бы быть полезным для кого-то.

Я использую диаграммы пончиков, поэтому это решение работает для меня. То, что я сделал, - это настраиваемая подсказка, сделанная с помощью элемента DIV в HTML и позиционирующая его на основе центра PIE.

После ДИВ готов и стиля,

Под Items:[], создать piegrouping и переместить вашу подсказку на onSelectionChange случае группировки следующим образом:

{ 
    type: 'piegrouping', 
    onSelectionChange: function(me, items) { 
     if (items.length) { 
      if(items.length<2) 
      { 
       var tipX=items[0].middle.x - 35; 
       var tipY=items[0].middle.y - 35; 

       $('.tooltip').css('left', tipX + 'px'); 
       $('.tooltip').css('top', tipY + 'px'); 

       $('.tooltip h1').html(sum); 
       $('.tooltip').fadeIn(500); 
      } else { 
       $('.tooltip').hide(); 
      } 
     } 
     else { 
      $('.tooltip').hide(); 
     } 
}