用辅助轴绘制2行，但不显示数据的第一列

Question

我正在尝试创建一个图表，显示2列数据（“面积”和“体积”）如何与第一列（“海拔”）相对应。在Excel中，数据和结果图表如下所示：

这是我尝试使用Pandas Dataframe进行的操作：

import pandas as pd

e = [0.0, 1.0, 2.0, 3.0, 4.0]
a = [0.0, 300.0, 375.0, 400.0, 415.0]
v = [0.0, 150.0, 487.5, 875.0, 1282.5]

geometry = pd.DataFrame(list(zip(e, a, v, )), columns=['Elev', 'Area', 'Vol'])
ax = geometry.plot(secondary_y=['Vol'])
ax.set_ylabel('Area')
ax.right_ax.set_ylabel('Vol')

当我执行上面的代码时，我得到了：

我不想显示“ Elev”行，因为这是x轴上表示的自变量。如何在不显示“海拔”线的情况下显示此图？

在尝试解决此问题时，我找到了以下解决方案：

ax.lines[0].remove()

但是，这似乎只删除了该行，而没有删除图例中的项目。有更好的解决方案吗？

Answer 1

我认为这就是您想要的：

<template id="template">
  <div>Welcome to my app!</div>
</template>

<script>
class MyApp extends HTMLElement {
  constructor() {
    super();
    const shadow = this.attachShadow({mode: "open"});

    // while inside the imported HTML, `currentDocument` should be used instead of `document`
    const currentDocument = document.currentScript.ownerDocument;
    // notice the usage of `currentDocument`
    const template = currentDocument.querySelector('#template');

    const clone = document.importNode(template.content, true);
    shadow.appendChild(clone);
  }
}
customElements.define("my-app", MyApp);
</script>