Javascript 在highcharts图形中将平均值显示为列

我想在散点图的顶部放一些表格，但找不到该怎么做。我目前拥有的是一个带有数据的散点图，请参见（）。我想显示两个小时之间的平均值。无法使用工具提示，因为图形已在使用工具提示

我尝试通过添加下表来解决这个问题，并使用css将其放置在正确的位置。但是当调整屏幕大小时，表格不再位于正确的位置。所以这不是最好的解决方案

<div id="table">
  <div class="inner-table">
    <table>
      <tr>
        <td>10</td>
        <td>12</td>
        <td>0.8</td>
        <td>4</td>
        <td>8</td>
        <td></td>
        <td>2</td>
        <td></td>
        <td>3.95</td>
        <td>11</td>
        <td></td>
        <td>21</td>
      </tr>
    </table>
  </div>

10
12
0.8
4.
8.
2.
3.95
11
21

---

这里是一个使用附加x轴来完成此操作的示例

它要求您有一个时间戳数组和一个要显示的值数组，即：

var averages = [
    10,
    12,
    0.8,
    4,
    8,
    null,
    2,
    null,
    3.95,
    11,
    null,
    21
  ],
  times = [
    Date.UTC(2000, 0, 1, 1, 0),
    Date.UTC(2000, 0, 1, 3, 0),
    Date.UTC(2000, 0, 1, 5, 0),
    Date.UTC(2000, 0, 1, 9, 0),
    Date.UTC(2000, 0, 1, 11, 0),
    Date.UTC(2000, 0, 1, 13, 0),
    Date.UTC(2000, 0, 1, 15, 0),
    Date.UTC(2000, 0, 1, 17, 0),
    Date.UTC(2000, 0, 1, 19, 0),
    Date.UTC(2000, 0, 1, 21, 0),
    Date.UTC(2000, 0, 1, 23, 0),
    Date.UTC(2000, 0, 1, 23, 0)
  ];

然后，只需使用times数组设置滴答声位置，并使用averages数组设置轴标签值

更新小提琴：

同样，这只是众多方法中的一种

---

任何方法，包括时间数组和值数组，都是关键。

这里是一个使用附加x轴来完成此操作的示例

它要求您有一个时间戳数组和一个要显示的值数组，即：

var averages = [
    10,
    12,
    0.8,
    4,
    8,
    null,
    2,
    null,
    3.95,
    11,
    null,
    21
  ],
  times = [
    Date.UTC(2000, 0, 1, 1, 0),
    Date.UTC(2000, 0, 1, 3, 0),
    Date.UTC(2000, 0, 1, 5, 0),
    Date.UTC(2000, 0, 1, 9, 0),
    Date.UTC(2000, 0, 1, 11, 0),
    Date.UTC(2000, 0, 1, 13, 0),
    Date.UTC(2000, 0, 1, 15, 0),
    Date.UTC(2000, 0, 1, 17, 0),
    Date.UTC(2000, 0, 1, 19, 0),
    Date.UTC(2000, 0, 1, 21, 0),
    Date.UTC(2000, 0, 1, 23, 0),
    Date.UTC(2000, 0, 1, 23, 0)
  ];

然后，只需使用times数组设置滴答声位置，并使用averages数组设置轴标签值

更新小提琴：

同样，这只是众多方法中的一种

---

任何方法，包括时间数组和值数组，都将是关键。

您可以使用另一个x轴执行此操作-使用标签格式化程序从要显示的值的外部数组中获取适当的值。可以使用打印线，使用它们的标签，也可以通过添加其他散点系列和数据标签来实现。我自己可能会选择轴标签。你有没有一个用另一个x轴做这件事的例子？你可以用另一个x轴做这件事-使用标签格式化程序从你想要显示的值的外部数组中获取适当的值。可以使用打印线，使用它们的标签，也可以通过添加其他散点系列和数据标签来实现。我可能会选择轴标签自己。你有一个这样做的另一个x轴的例子吗？谢谢分享这个。确实有很多方法可以做到这一点，但我也希望值始终位于同一位置，即使在调整窗口大小时也是如此。所以对我来说这是一个很好的解决方案。谢谢分享。确实有很多方法可以做到这一点，但我也希望值始终位于同一位置，即使在调整窗口大小时也是如此。所以对我来说，这是一个很好的解决方案。