Bootstrap Popoverの剣道線図を表示しますか？

Question

Bootstrap Popoverに剣道線図を表示する必要がありますか？

誰も私に参考文献を提案することはできますが、私は検索しましたが、単一のリンクで作業することさえできません。

Answer 1

popover events

inserted.bs.popoverを見てみましょポップアップが示され、DOMに挿入された後にトリガされます。その時点で、デフォルトのテンプレートを使用している場合は、ポップアップにcontent div（クラスpopover-content）があります。

ので、イベントハンドラでそのDIVにチャートを作成：

$('#myPopover').on('inserted.bs.popover', function() { 
    CreatePopoverChart(); 
}) 

function CreatePopoverChart(){ 
    // Satter line chart embedded in tooltip 
    $(".popover-content").kendoChart({ 
     chartArea: { 
      height: 240, 
     }, 
     seriesDefaults: { 
      type: "scatterLine" 
     }, 
     series: [{ 
      data: [[10, 10], [15, 20], [20, 25], [32, 40]] 
     }], 
    });  
} 

DEMO