时间日期和事件图表或高图中的图表

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;
    ...
}

需要注意的是，每个部分都是一个内联框，然后工具提示相对于它。