Javascript 悬停时在X轴上显示自定义记号

我使用下面的代码添加自定义记号和自定义标签

axisX3.addCustomTick（）
.setGridStrokeLength（0）
.setTextFormatter（（）=>ttstr[0]+“：”+ttstr[1]）
.设定值（xVal）；
至少=0；
spotseries3.SetResultableFormatter（（生成器、系列、xValue、yValue）=>{
返回生成器
.addRow（“跨座-IV”）
.addRow（yValue.toFixed（2））
.addRow（timdata[xValue.toFixed（0）]）
})

请看上面的截图，我有几个问题：

你们可以看到当我鼠标悬停时，它在x轴上显示602。悬停时如何在x轴上显示自定义记号？如何在悬停时隐藏602

当鼠标悬停在红色线上时，如何完全禁用显示任何标签，并在鼠标悬停时捕捉到蓝色线而不是红色线

如何减少这种隔板的厚度？请看下面的截图

1。你们可以看到当我鼠标悬停时，它在x轴上显示602，如何在悬停时在x轴上显示自定义记号，以及如何在悬停时隐藏602。 可以使用删除自动光标记号标记。这将使自动光标功能保持工作状态，但将从X轴上删除记号标记

chart.setAutoCursor（游标=>cursor
.disposeTickMarkerX（）
)

要在悬停序列时显示自己的勾号，可以将事件侦听器添加到序列中。在此侦听器中，您可以将自定义记号移动到正确的位置。此侦听器的

点

参数将包含序列上触发悬停事件的位置，或者如果序列不再悬停，则

点

将未定义

lineSeries.onHover（（系列，点）=>{
如果（点）{
cTick.setValue（点位置x）
}
})

下面是一个更完整的例子

const chart=lightningChart（）.ChartXY({
defaultAxisXTickStrategy:AxisTickStrategies.DateTime（dateOrigin）
})
chart.setAutoCursor（游标=>cursor
.disposeTickMarkerX（）
)
const lineSeries=chart.addLineSeries({
dataPattern:DataPatterns.horizontalProgressive
})
.setStrokeStyle（s=>s.setThickness（3））
const cTick=lineSeries.axix.addCustomTick（）
.setMouseInteractions（错误）
.setValue（0）
.setGridStrokeLength（0）
.setTextFormatter（（）=>“自定义文本”）
lineSeries.onHover（（系列，点）=>{
如果（点）{
cTick.setValue（点位置x）
}
})

2.当鼠标悬停在红色线上时，如何完全禁用显示任何标签，并在鼠标悬停时捕捉到蓝色线而不是红色线。 您可以使用禁用红线的光标。这将从显示自动光标的考虑中删除该系列

在此图像中，黄线系列的光标已被禁用。因此，即使黄色系列更接近鼠标位置，也会显示红线系列光标

3.如何减少此分隔器的厚度，请参见下面的屏幕截图 分隔器称为

splitter

，您可以使用更改其样式

要减少它的厚度，你可以按照下面的代码

const dashboard=lightningChart（）.dashboard({
行数：2，
列数：1
})
dashboard.setSplitterStyle（splitterStyle=>splitterStyle.setThickness（3））