如何在 Jupyter Notebook 中的绘图旁边显示数据框
Posted
技术标签:
【中文标题】如何在 Jupyter Notebook 中的绘图旁边显示数据框【英文标题】：How to Display Dataframe next to Plot in Jupyter Notebook 【发布时间】：2017-12-30 09:35:57 【问题描述】：我了解如何在 Jupyter Notebook 中显示两个相邻的图（水平），但我不知道是否有办法显示旁边有数据框的图。我想它可能看起来像这样：
但是，我无法做到这一点，并且每当我打印出数据框时，它都会出现在我的绘图下方...
Here 是一个类似的问题，但我也在同一个单元格中输出我想要垂直定向的图。
我目前有这个：
# line plots
df_plot[['DGO %chg','DLM %chg']].plot(figsize=(15,5),grid=True)
plt.ylim((-ylim,ylim))
df_plot[['Diff']].plot(kind='area',color='lightgrey',figsize=(15,1))
plt.xticks([])
plt.xlabel('')
plt.ylim((0,ylim_diff))
plt.show()
# scatter plots
plt.scatter(x=df_scat[:-7]['DGO'],y=df_scat[:-7]['DLM'])
plt.scatter(x=df_scat[-7:]['DGO'],y=df_scat[-7:]['DLM'],color='red')
plt.title('%s Cluster Last 7 Days'%asset)
plt.show()
# display dataframe
# display(df_scat[['DGO','DLM']][:10]) <-- prints underneath, not working
红色框显示我希望数据框出现的位置。有人对如何做到这一点有任何想法吗？
感谢您的意见！
【问题讨论】：
【参考方案1】：我不知道如何控制 DataFrame 直接显示的位置 - 但我过去使用的一种解决方法是将 DataFrame 呈现为 matplotlib 表，然后它应该像任何其他 matplotlib阴谋。您可以使用：
import matplotlib.pyplot as plt
from matplotlib import six
import pandas as pd
import numpy as np
df = pd.DataFrame()
df['x'] = np.arange(0,11)
df['y'] = df['x']*2
fig = plt.figure(figsize=(8,5))
ax1 = fig.add_subplot(121)
ax1.scatter(x=df['x'],y=df['y'])
ax2 = fig.add_subplot(122)
font_size=14
bbox=[0, 0, 1, 1]
ax2.axis('off')
mpl_table = ax2.table(cellText = df.values, rowLabels = df.index, bbox=bbox, colLabels=df.columns)
mpl_table.auto_set_font_size(False)
mpl_table.set_fontsize(font_size)
【讨论】：
有趣，这可能行得通！出于好奇，您是否需要将 plt 保存为图片才能使用？ 我认为您不需要将 plt 保存为图片 - 这就是我设置它的方式。如果您愿意，可以删除该行。只需调用函数“render_mpl_table(df, 'df')”将显示 matplotlib 表。许多代码使表格“漂亮”，因此您可能不需要它。 这非常适合将数据框打印为斧头...您知道如何将其包含为子图吗？我正在使用plt.subplot(1,2,1) 和 plt.subplot(1,2,2) 但不知道如何做相当于 plt.ax
OK @DavidYang 我想通了——基本上你只需要把桌子拉到函数之外。我还使表格输出更加清晰。【参考方案2】：
另一种可能性是使用 html 来订购东西，遵循https://***.com/a/44923103/4908900。
这是一个工作示例，（可能有更优雅的方法）：
prefix = \
"""
<!DOCTYPE html>
<html>
<head>
<style>
*
box-sizing: border-box;
.column
float: left;
width: 33.33%;
padding: 5px;
/* Clearfix (clear floats) */
.row::after
content: "";
clear: both;
display: table;
</style>
</head>
<body>
<h2>title</h2>
<div class="row">
<div class="column">
"""
suffix = \
"""
</div>
<div class="column">
<img src="pic_file.png" style="width:100%">
</div>
</div>
</body>
</html>
"""
df = pd.DataFrame(np.arange(36).reshape((6,6)),columns=['A','B','C','D','E','F'])
ax = df.plot(lw=4)
title = "mock data"
fig = ax.get_figure()
fig.savefig(title+".png")
html = prefix.replace('title', title)+df.to_html()+suffix.replace('pic_file.png', title+".png")
display_html(html, raw=True)
【讨论】：
【参考方案3】：您可以使用 %matplotlib inline 然后只需编写代码 前 df.head() plt.plot(df['X']) 所以 %matplotlib inline 将在一个单元格中绘制数据框以及绘图
【讨论】：
请格式化您的代码并添加一个易于理解的示例。谢谢！以上是关于如何在 Jupyter Notebook 中的绘图旁边显示数据框的主要内容，如果未能解决你的问题，请参考以下文章
如何使 Jupyter Notebook 中的内联图更大？ [复制]
Matplotlib 使用 AWS-EMR jupyter notebook 绘图
将渲染器覆盖到 jupyter notebook 中的浏览器类型以进行绘图