javascript - Highchart 中的时间-日期和事件图表或图表

Question

我正在使用 Highcharts 来显示特定人的时间和事件。但我不明白该使用哪个图表。下图是示例。我也想做同样的事。

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

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