在Zeppelin中添加来自CDN的绘图JavaScript无法正常工作

时间:2018-03-06 09:32:10

标签: plotly apache-zeppelin

我在Zeppelin中添加了图形化JavaScript库,如下所示,它不起作用。我总是得到不明确的情节。我也和PapaParse有同样的错误。

但是,当我采用相同的方法添加leaf-let时,它可以工作。

print(s"""%html 

<div id="tester" style="width:600px;height:250px;"></div>
<script>
function initPlotly() {
   TESTER = document.getElementById('tester');
    Plotly.plot( TESTER, [{
    x: [1, 2, 3, 4, 5],
    y: [1, 2, 4, 8, 16] }], {
    margin: { t: 0 } } );

}

if (window.Plotly) {

    initPlotly();
} else {
    console.log('Loading Plotly ibrary');
    var sc = document.createElement('script');
    sc.type = 'text/javascript';
    sc.src = 'https://cdn.plot.ly/plotly-1.2.0.min.js';
    sc.onload = initPlotly;
    sc.onerror = function(err) { alert(err); }
    document.getElementsByTagName('head')[0].appendChild(sc);
}
</script>

""")

1 个答案:

答案 0 :(得分:0)

这里有一个关于zeppelin中可视化的教程,还有一个关于在齐柏林飞艇中使用plotly的部分。 https://www.zepl.com/viewer/notebooks/bm90ZTovL3pqZmZkdS9lN2Q3ODNiODRkNjA0ZjVjODM1OWZlMWExZjM4OTk3Zi9ub3RlLmpzb24