前言
IPython Notebook在某种程度上是很好使用的.在数据分析方面,我们常常使用Pandas和NumPy,用Seaborn和做可视化.
可是Seaborn明显看起来不够漂亮嘛.
能不能选一个很好用的图表库呢?
有, ECharts案例地址戳这里
今天我们使用IPython NoteBook来演示一个简单的ECharts案例,饼图.本文的数据来自大众点评闵行区美食店铺.
首先,我们需要抓取-解析-入库,这个不是本文重点,就不介绍了.
其次,我们需要对数据进行简单分析.简单分析足够了.所以,我们仅仅统计人均消费在如下范围的店铺比例.
- 0~50元
- 50~100元
- 100~150元
- 150~200元
- 200元以上
正文
IPython中,我们知道,可以通过IPython.display导入HTML.
from IPython.display import HTML
HTML(\"\"\"
这是一小块HTML
\"\"\")
执行就IPython中看到:
这是一小块HTML
的浏览器显示.
显示HTML
但问题来了,我们知道,在通常的情况下,是不能动态引入JS脚本的.因此我们在开发HTML静态页面的时候,往往脚本都是在Head或者Body结束标签之前就写死了.如果要在IPython中增加ECharts,是不是需要修改一些配置文件,让IPython Notebook在Header部分引入ECharts脚本呢?
答案是不需要.
为何?因为IPython Notebook本身自带一个Js模块,叫做RequireJS.可以动态引入并执行JS.
具体原理我们不深究,但是这个模块为IPython动态引入其他JS框架和代码带来了无限的可能性.注意,这个模块可以帮助我们可以动态引入并执行JS.
那么,我们就火速的看代码吧.
chart_header_html = \"\"\"
\"\"\"
HTML(
chart_header_html + chart_content_html + chart_footer_html
)
首先,配置对应的脚本.
require.config({
paths:{
echarts: \'//cdn.bootcss.com/echarts/3.2.3/echarts.min\',
}
});
接着使用如下代码进行引入和执行代码:
require([\'echarts\'],function(ec){
var option = {
//... 图表配置
}
//... 获取图表div
//... 为所获取的图表DIV设置
}
效果
ECharts饼图
代码
老规矩,技术文章放代码.爬虫程序就不公开了.公开一个IPythonNotebook以及一个Excel表用于大家分析.
- 对应的IPythonNotebook
- 对应的Excel表
参考文档
- Python Web开发实战
- RequireJS的官网
- ECharts官网