在高圖表中顯示平均值爲列

我想在我的散點圖頂部有一些表格，但無法找到如何操作。我目前所擁有的是帶有數據的散點圖，參見（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

感謝您分享。確實有很多方法可以做到這一點，但即使在調整窗口大小時，我也希望這些值始終位於相同的位置。所以對我來說這是一個很好的解決方案。 –

在高圖表中顯示平均值爲列

回答

相關問題