時間 - 日期和事件圖表或高圖中的圖表

Question

我使用高圖表顯示特定人員的時間和事件。但我不明白要使用哪個圖表。 以下圖片爲示例。我也想這樣做。

Answer 1

This is a simple example它只使用CSS和HTML。這是非常有限的，但功能（固定寬度的工具提示等）。你可以很容易地使它更靈活，只是爲了表明它是可能的。

<div class="list"> 
    <div class="period">...</div> 
    <div class="period">15/5 
     <span class="tool-tip">info</span> 
    </div> 
    <div class="period">16/5/2015 
     <span class="tool-tip">info 2</span> 
    </div> 
    <div class="period">17/5 
     <span class="tool-tip">fixed width</span> 
    </div> 
    <div class="period">18/5</div> 
    <div class="arrow-right"></div> 
</div> 

.period{ 
    float:left; 
    position:relative; 
    display:inline-block; 
    ... 
} 
.tool-tip{ 
    height:35px; 
    line-height: 25px; 
    position: absolute; 
    ... 
} 

要注意的重點是每個部分是一個內聯框，然後工具提示相對於它。