javascript - 弹出窗口中的 highchart - bootstrap 4

Question

我想在弹出窗口内显示一个 Highcharts 。

这是一个jsfiddle http://jsfiddle.net/hfiddle/abpvnys5/47/我的代码。html:

    <ul class="stat_list" style="float: left;">
    <a data-toggle="popover" data-trigger="hover"
                               data-popover-content="#details"
                               data-placement="bottom" >
   <li>hello</li>
   </a>
   </ul>
   <div id='details' style="display: none">
       <div class="gages"  >
       <div id="test_column_chart" style="height:100px; width:200px" ></div>
           <div class="row">
               <div class="ss" style="">
                                        asdfasdfasdfasdf
                                    </div>
                                </div>
                            </div>
                        </div>

js:

   $(function () {
        get_column_chart(['asdf', 'asdf'], [33, 10],'test');//function for chart
        $("[data-toggle=popover]").popover({
            html: true,
            content: function () {
                var content = $(this).attr('data-popover-content');
                return $(content).children(".gages").html();
            }
        })
     })

当我使用 bootstrap 3 时，我的代码按预期工作。 http://jsfiddle.net/hfiddle/3vr4p9ua/22/

如何在 Bootstrap 4 中实现此功能？

谢谢。

Answer 1

您正在搜索sanitize选项

Note that for security reasons the sanitize, sanitizeFn and whiteList options cannot be supplied using data attributes.

Working demo