在Bootstrap Popover上显示Kendoui折线图？

Question

我需要在Bootstrap Popover中显示KendoUi折线图吗？

任何人都可以建议我参考，我搜索但甚至没有一个链接可以使用。

Answer 1

查看popover events

弹出窗口显示并插入DOM后触发

inserted.bs.popover。此时，如果您使用的是默认模板，则弹出窗口中会有一个内容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