[Jupyter Notebook]EChart画图以及如何获取Python定义的变量

1. 画一个基础的echart

目前发现有两种方法可以完成一个简单的Echart.

• 方法一

一种是使用%%html，在一个cell中写完HTML+JS代码。例如，

%%html
<div id="main" style="width:700px;height:400px"></div>
<script src="js/echarts.min.js"></script>

<script>

<!-- do something -->
<!-- inital echart -->  

</script>

• 方法2

另一种，%%javascript和%%html结合使用，各司其职。

Jupyter Notebook自带requirejs，可以使用requirejs来引入外部js文件.

%%javascript

//配置js源地址，也可以使用本地的js文件
requirejs.config({
   
     paths:{
   
            'echarts': ["http://echarts.baidu.com/dist/echarts.min"],  //末尾会自动添加.js， 这里一定要去掉，否则引用失败  
             'jquery': ["https://code.jquery.com/jquery-3.3.1.min"],
         }
});
require(["ecahrts", "jquery"], function(echarts, jquery){
   
    
    // do something  
    // initial echart
});

2. 使用Python定义的变量

使用Notebook画图时，变量大多是之前用python脚本算好的。那么，要使Notebook中画echart实用，要解决的关键问题就是，如何使用python定义的变量画图.

Notebook javascript自带的IPython模块，让我们可以在js脚本中执行python的代码。
如图：

Ipython.notebook.kernel.execute允许设置callbacks, 在callbacks中可以对代码执行的output进行相关处理。

var code = "print ('Hello World&