Javascript 谷歌时间线图表-将无持续时间事件更改为圆圈

Javascript 谷歌时间线图表-将无持续时间事件更改为圆圈,javascript,php,html,charts,google-visualization,Javascript,Php,Html,Charts,Google Visualization,我们目前正在充分利用谷歌图表库,特别是时间线图表可视化 我们正在绘制的图表中有一个有时间范围,对于我们的目的来说效果很好 但是,我们有另一个图表,它跟踪没有持续时间的事件。这些事件最终会产生宽度非常薄的钢筋(如预期的那样): 这些细条并不理想,我想知道是否有人知道用圆圈代替它们的方法?我们在酒吧里有悬停活动,很难把鼠标移到这么小的地方 理想情况下,它将如下所示: 另外,如果我们没有因为将形状更改为圆形而失去悬停功能,那就太好了。我的快速而肮脏的解决方案就是简单地添加一个CSS属性,强制特定时

我们目前正在充分利用谷歌图表库,特别是时间线图表可视化

我们正在绘制的图表中有一个有时间范围,对于我们的目的来说效果很好

但是,我们有另一个图表,它跟踪没有持续时间的事件。这些事件最终会产生宽度非常薄的钢筋(如预期的那样):

这些细条并不理想,我想知道是否有人知道用圆圈代替它们的方法?我们在酒吧里有悬停活动,很难把鼠标移到这么小的地方

理想情况下,它将如下所示:


另外,如果我们没有因为将形状更改为圆形而失去悬停功能,那就太好了。

我的快速而肮脏的解决方案就是简单地添加一个CSS属性,强制特定时间线中的所有“勾号”为方形。这满足了我们的需求,而无需深入研究svg

#event-timeline g:nth-of-type(4) rect, #event-timeline g:nth-of-type(6) rect {
    width: 23px;
    height: 23px;
}

我快速而肮脏的解决方案是简单地添加一个CSS属性,强制特定时间线中的所有“记号”都是方形的。这满足了我们的需求,而无需深入研究svg

#event-timeline g:nth-of-type(4) rect, #event-timeline g:nth-of-type(6) rect {
    width: 23px;
    height: 23px;
}

一旦图表的
'ready'
事件触发,您可能会手动更改svg,但是如果您计划使用
getImageURI
方法创建图表的图像,更改将不会显示出来…一旦图表的
'ready'
事件触发,您可能会手动更改svg,但是如果您计划使用
getImageURI
方法来创建图表的图像,那么这些更改将不会通过。。。