顯示關於Bootstrap Popover的Kendoui折線圖？

Question

我需要在Bootstrap Popover中顯示KendoUi折線圖嗎？

任何人都可以推薦我與參考，我搜查，但沒有得到一個單一的鏈接工作。

Answer 1

看看在popover events

inserted.bs.popover顯示，並在DOM插入後彈出被觸發。此時，如果您使用的是默認模板，則在類別popover-content的彈出框中有內容div。

所以在事件處理程序上創建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