在高图表中显示平均值为列

我想在我的散点图顶部有一些表格，但无法找到如何操作。我目前所拥有的是带有数据的散点图，参见（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>

来源

2016-05-23 P.Ms.

您可以使用另一个x轴来完成此操作 - 使用标签格式化程序从要显示的值的外部数组中获取适当的值。你可以用plotlines，使用他们的标签来做到这一点，你可以通过增加一个额外的分散系列和添加一个数据标签来实现。我可能会自己选择轴标签。 – jlbriggs

你有没有用另一个x轴做这个例子？ –

下面是使用额外的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的事情，以及轴标签值的平均值数组。

更新小提琴：

http://jsfiddle.net/uynp3svh/3/

同样，这只是众多方法之一。

任何你这样做，有时间的数组，和值的数组，将是关键。

来源

2016-05-24 13:11:02 jlbriggs

感谢您分享。确实有很多方法可以做到这一点，但即使在调整窗口大小时，我也希望这些值始终位于相同的位置。所以对我来说这是一个很好的解决方案。 –

在高图表中显示平均值为列

回答

相关问题