如何在LightningChartJS中固定图例框（LegendBox）的位置？

嘿，我来帮你搞定这个问题！要固定LegendBox的位置、禁止用户拖动它，只需要在你现有的代码里加一行配置就行。

LightningChart JS的LegendBox默认是允许用户拖动调整位置的，我们可以通过setDraggingMode()方法修改这个交互行为，将其设置为不可拖动状态，就能牢牢固定住你通过setPosition()设定好的位置了。

修改后的完整代码 #

// 如果你是模块化引入（比如npm），记得先导入DraggingModes
// import { DraggingModes } from '@arction/lcjs'

const legend = chart.addLegendBox()
    .setOrigin(UIOrigins.RightTop)
    .setPosition({ x: 90, y: 90 })
    .setMargin({ left: 10, right: 10, top: 10, bottom: 10 })
    .setDraggingMode(DraggingModes.notDraggable) // 这行是关键！
legend.add(chart)

额外说明 #

• 如果你是通过CDN引入的LightningChart，DraggingModes会挂载在全局lcjs对象下，所以要写成lcjs.DraggingModes.notDraggable。
• 之后如果需要恢复拖动功能，只需要把参数改成DraggingModes.free（自由拖动），或者DraggingModes.horizontal/DraggingModes.vertical（限制拖动方向）即可。

内容的提问来源于stack exchange，提问作者Soniya Shah