如何配置类似于 TradingView 的 LightningChart JS 鼠标交互
How to configure LightningChart JS mouse interactions similar to TradingView
是否可以点击图表并像交易视图平移一样四处拖动?
目前仅创建矩形。
const chart = lightningChart().ChartXY()
// Method for adding OHLCSeries takes one argument: seriesConstructor.
const ohlcSeries = chart.addOHLCSeries(
// Specify type of figure used
{ seriesConstructor: OHLCFigures.Candlestick }
)
您可以通过鼠标右键单击来平移图表。目前无法将图表的平移切换为左键单击,但我们计划实施一个解决方案以在未来重新映射 mouse/touch 交互。
您还可以通过调用 axis.setChartInteractionPanByDrag(false)
.
从平移交互中删除轴
编辑:
在新的 v3.0.0 版本中,ChartXY
鼠标交互按钮现在可以明确配置。例如,将平移更改为鼠标左键,将矩形 zoom/fit 更改为鼠标右键:
const lcjs = lightningChart({
overrideInteractionMouseButtons: {
chartXYPanMouseButton: 0,
chartXYRectangleZoomFitMouseButton: 2,
},
})
const chart = lcjs.ChartXY()
是否可以点击图表并像交易视图平移一样四处拖动?
目前仅创建矩形。
const chart = lightningChart().ChartXY()
// Method for adding OHLCSeries takes one argument: seriesConstructor.
const ohlcSeries = chart.addOHLCSeries(
// Specify type of figure used
{ seriesConstructor: OHLCFigures.Candlestick }
)
您可以通过鼠标右键单击来平移图表。目前无法将图表的平移切换为左键单击,但我们计划实施一个解决方案以在未来重新映射 mouse/touch 交互。
您还可以通过调用 axis.setChartInteractionPanByDrag(false)
.
编辑:
在新的 v3.0.0 版本中,ChartXY
鼠标交互按钮现在可以明确配置。例如,将平移更改为鼠标左键,将矩形 zoom/fit 更改为鼠标右键:
const lcjs = lightningChart({
overrideInteractionMouseButtons: {
chartXYPanMouseButton: 0,
chartXYRectangleZoomFitMouseButton: 2,
},
})
const chart = lcjs.ChartXY()