如何配置类似于 TradingView 的 LightningChart JS 鼠标交互

问题描述

是否可以像交易视图平移一样单击图表并拖动？

现在仅用于创建矩形。

const chart = lightningChart().ChartXY()
// Method for adding OHLCSeries takes one argument: seriesConstructor.
const ohlcSeries = chart.addOHLCSeries(
    // Specify type of figure used
    { seriesConstructor: OHLCfigures.Candlestick }
)

解决方法

您可以通过单击鼠标右键来平移图表。目前无法将图表的平移切换为左键单击，但我们计划在未来实施一个解决方案来重新映射鼠标/触摸交互。

您还可以通过调用 axis.setChartInteractionPanByDrag(false) 从平移交互中删除轴。

编辑：在新的 v3.0.0 版本中，现在可以明确配置 ChartXY 鼠标交互按钮。例如，将平移更改为鼠标左键，将矩形缩放/适合鼠标右键：

const lcjs = lightningChart({
        overrideInteractionMouseButtons: {
            chartXYPanMouseButton: 0,chartXYRectangleZoomFitMouseButton: 2,},})

const chart = lcjs.ChartXY()

lightning lightningchart