echarts - 如何在ECharts中绘制X轴上方折线图与下方频率图?

Question

如何绘制一张折线图，一个频率图，类似于心电图，X轴上方绘制折线图，X轴下方绘制频率图？X轴为时间，类似于 时间为 0.2，0.3，0.4三个节点电击了三次，然后心电图跳动的更快或者更高，总之就是有变化，要看相应得变化，时间在第二秒内电击了五次，第三秒内点击了两次，然后看X轴上方折线图变化情况，翻文档并没有试出来我想要的图形。

找到一个类似得 https://echarts.apache.org/examples/zh/editor.html?c=grid-mul...
但是并不能改成我想要的形式，我只要一个X 轴，两个Y轴，并且都在左边，一个在X上面，一个在下边，两个坐标轴的刻度自己设置，频率图我想设置成y轴坐标都是-1，并且是散点图，这样就能体现出来频率了
，想要两个y轴是因为心跳高低不一样，如果设置很大，那么-1就很难看出来 。时间为X轴是唯一得，
总体就是心脏受到外界刺激之后，跳动情况，

我项目用的技术是 Highcharts 。
请问各位大佬，我该如何设置对应得属性，

Answer 1

大致思路就是定位给y轴钉过去，应该有什么属性，可以指定搞定，但是我不知道怎么去操作

Highcharts.chart("container", {
  chart: { alignTicks: true },
  xAxis: {
    top: "80%", // 设置X轴距离顶部的位置
    height: "0%", // 设置X轴的高度
    labels: {
      step: 1 // 设置为1以显示所有的X轴坐标点
    },
    tickPositions: [0, 1, 2, 3, 4, 5]
  },
  yAxis: [
    {
      top: "0%",
      height: "80%",
      title: {
        text: "Y轴1"
      },
      tickPositions: [0, 5, 10, 15, 20] // 自定义Y轴刻度值
    },
    {
      top: "80%",
      left: "6%",
      height: "20%",
      labels: {
        enabled: true
      },
      tickPositions: [-1, 0], // 自定义Y轴刻度值
      title: {
        text: "Y轴2"
      }
    }
  ],
  series: [
    {
      type: "line",
      name: "Observations",
      data: [
        [1.4, 0.4],
        [2.4, 5.3],
        [2.9, 4.9],
        [3, 4],
        [3.5, 5.6],
        [4.2, 6.3],
        [5.2, 6.3]
      ]
    },
    {
      type: "scatter",
      data: [
        [0.2, -1],
        [0.3, -1],
        [1.3, -1],
        [1.4, -1],
        [1.93, -1],
        [2.3, -1],
        [4.2, -1]
      ],
      yAxis: 1
    }
  ]
});