Javascript react timeseries图表中的全高时间标记

Javascript react timeseries图表中的全高时间标记,javascript,reactjs,charts,time-series,Javascript,Reactjs,Charts,Time Series,我试图修改react timeseries图表存储库中的循环示例。我想添加跨越所有行的垂直线(很像光标跟踪器) 我已将时间标记组件添加到图表数组中: charts.push( <LineChart key={`line-${channelName}`} axis={`${channelName}_axis`} series={series} columns={[channelName]} style={

我试图修改react timeseries图表存储库中的循环示例。我想添加跨越所有行的垂直线(很像光标跟踪器)

我已将时间标记组件添加到图表数组中:

charts.push(
    <LineChart
        key={`line-${channelName}`}
        axis={`${channelName}_axis`}
        series={series}
        columns={[channelName]}
        style={style}
        breakLine
        interpolation={"curveStepAfter"}
    />
);
charts.push(
    <TimeMarker
        time={4500}
    />
);
charts.push(
);
图表。推送(
);
这将按预期在所有绘图上显示一条垂直线,但该线不跨越每个图表行的整个高度,因此视觉上看起来不连贯(见图)

我试着在TimeMarker上玩过每一个道具,但是找不到任何改变行高的道具,也找不到文档中的任何道具

任何帮助都将不胜感激

干杯

p

编辑:图片上传似乎不起作用,希望我的意思很清楚。在每个图表行之间有大约10px的空白,我希望这条线继续在所有行之间生成一条连接起来的垂直线