Lightningchartjs - 当用户点击图表时保持工具提示打开

Question

我正在使用 LighthingChartJS 和 reactJS。

我试图在用户单击图表时保持当前工具提示打开。

可以吗？

谢谢

Answer 1

为了保留结果框，您可以在鼠标单击时添加一个标记，这可以通过以下方式完成：-

//attaching an on click event to the seires
series.onMouseClick( ( series, event ) => {
    
    //adding a marker to the series
    const marker = series.addMarker()
    marker.setTickMarkerXVisibility( UIVisibilityModes.always )
    marker.setTickMarkerYVisibility( UIVisibilityModes.always )

    //set the marker position to the current mouse position
    marker.setPosition( 
        series.solveNearestFromScreen( 
            chart.engine.clientLocation2Engine( event.clientX, event.clientY ) 
        ).location 
    )
} )

为了使标记消失，您可以添加另一个事件来处理标记，例如您可以在鼠标双击时添加一个事件：-

series.onMouseDoubleClick( () => {
    marker.dispose()
})

Lightningchartjs - 当用户点击图表时保持工具提示打开

Lightningchartjs - keep tooltip open when user clicks on chart

javascript

charts

tooltip

reactjs

lightningchart