Python 共享同一X轴的多个图形和一组Y轴

我正试图画一个像图中所附的那样的图形

我没有得到我想要的结果，能有人来指导我吗

这是我现在得到的图表

---

像吗？这正是我想要的。谢谢。如果您根据自己的需要调整了其中一个示例，您应该将该解决方案作为答案发布。。。我能够在两个不同的子图中绘制图形，出于某种原因，我仍然没有得到正确的图形，即使这些组的组成是正确的。有人能告诉我我错过了什么吗。我已经发布了我的更新代码。什么是“没有得到我想要的结果”。应该有什么不同？

import matplotlib.pyplot as plt
import pandas as pd


data_set=  [
{'date':'2018-05-20','server':'server1','api':'api1','count':4},
{'date':'2018-05-21','server':'server1','api':'api1','count':6},
{'date':'2018-05-22','server':'server1','api':'api1','count':10},
{'date':'2018-05-23','server':'server1','api':'api1','count':10},
{'date':'2018-05-24','server':'server1','api':'api1','count':14},

{'date':'2018-05-20','server':'server1','api':'api2','count':20},
{'date':'2018-05-21','server':'server1','api':'api2','count':22},
{'date':'2018-05-22','server':'server1','api':'api2','count':20},
{'date':'2018-05-23','server':'server1','api':'api2','count':23},
{'date':'2018-05-24','server':'server1','api':'api2','count':20},
{'date':'2018-05-24','server':'server2','api':'api1','count':30},
{'date':'2018-05-21','server':'server2','api':'api2','count':20}]

f, (axs) = plt.subplots(3, sharex=True, sharey=True)

df = pd.DataFrame(data_set)
df['date'] = pd.to_datetime(df['date'],format='%Y/%m/%d %H:%M:%S')
df = df.set_index('date')

grouped = df.groupby(['api'])

for (name, df1), ax in zip(grouped, axs.flat):
     df1.plot(y='count', ax=ax)


plt.legend(bbox_to_anchor=(1, 1, 0.25, -0.2), bbox_transform=plt.gcf().transFigure)
f.subplots_adjust(hspace=0)
plt.setp([a.get_xticklabels() for a in f.axes[:-1]], visible=False)