在引导弹出窗口上显示Kendoui折线图

Question

我需要在引导弹出窗口中显示KendoUi 折线图？

任何人都可以建议我参考资料，我搜索了，但甚至没有得到一个链接。

Answer 1

看看弹出式窗口事件

inserted.bs.popover在弹出窗口显示并插入 DOM 后触发。此时，如果您使用的是默认模板，则弹出窗口中有一个内容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]]
        }],
    });     
}

演示