在highcharts graph中显示平均值作为列

Question

我想在散点图的顶部放置一些表格，但无法找到如何执行此操作。我目前拥有的是包含数据的散点图，请参阅（http://jsfiddle.net/uynp3svh/）。我想要的是显示两小时之间的平均值。无法使用工具提示，因为图表已在使用工具提示。

我尝试通过添加下表来解决这个问题，并将其放在正确的位置并附带一些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>

Answer 1

以下是使用附加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)
  ];

然后，只需使用时间数组来设置tickPositions，以及使用轴标签值的averages数组。

更新了小提琴：

• repo

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

你做任何事情，拥有时间数组和值数组都是关键。