如何使用timevis在时间线可视化中更改点的颜色?

时间:2019-07-17 06:40:54

标签: r vis.js-timeline

我正在尝试生成单个时间轴的精简视图,因此我可以在一页上容纳许多时间轴。为了在不使用标签的情况下最大化内容传递(允许添加更多点),我想在这些点上使用颜色编码来指示事件类型。 我正在将样式列添加到我的数据框中,但是它所影响的只是标签。我如何影响点本身的颜色

我研究了生成的HTML,发现样式已附加到包含点和文本的元素的定义上,但似乎文本具有自己的样式:

<div class="vis-item vis-point vis-readonly" style="border-color: red; color: red; left: 343.741px; top: 5px;">
    <div style="margin-left: 16px;" class="vis-item-content">point1</div>
    <div style="top: 11px; left: 4px;" class="vis-item vis-dot vis-readonly"></div>
</div>

要复制的代码:

data = data.frame (
    content = c ("point1", "point2", "point3"),
    start   = c ("2010-03-28", "2012-01-17", "2013-12-15"),
    end     = c ("2010-03-28", "2012-01-17", "2013-12-15"),
    type    = c ("point", "point", "point"),
    style   = c ("border-color: red; color: red;", "border-color: blue; color: blue", "border-color: red; color: red;"))

ui <- fluidPage(
    timevisOutput("timeline")
)

server <- function (input, output, session) {
    output$timeline <- renderTimevis ({
            timevis (data = data, options = list(stack = FALSE))
    })
}

shinyApp(ui = ui, server = server)

我如何影响每个点的颜色?

1 个答案:

答案 0 :(得分:0)

使它起作用。样式段仅影响文本,但是如果添加className列,则可以定义样式,然后可以添加将实际控制该点的CSS。参见以下工作示例:

log_file.close()