将按钮添加到 lightningchart

Question

我正在使用以下代码添加 UIelement

legendBox =  chart[unique].addUIElement(UILayoutBuilders.Column.setBackground( UIBackgrounds.Rectangle ))
.setPosition({ x: 0, y: 100 })
.setOrigin(UIOrigins.LeftTop)

现在我可以通过以下代码向其中添加系列

entry = legendBox.addElement(UIElementBuilders.CheckBox);
series.attach(entry);

相反，我可以添加具有某些值的按钮吗？单击该按钮后，我需要调用具有该值的函数。

例如，如果我添加带有值的按钮

<button val="22">Click<button>

现在当我点击那个按钮时，我需要一个回调函数返回 22.Is 可能吗？

Answer 1

在您的例子中，entry 变量的类型为 UICheckBox。

要在单击时应用自定义操作，onSwitch 方法应该执行此操作。

series.attach(entry); 仅当您想要按钮 hide/restore 系列时才需要，如果您想要仅您的自定义操作，则可以删除此代码被触发。

entry = legendBox.addElement(UIElementBuilders.CheckBox)
entry.onSwitch((_, checked) => {
   console.log('clicked', checked)
})

如果您想添加自动退回，另请参阅 UIElementBuilders.ButtonBox。

entry = legendBox.addElement(UIElementBuilders.ButtonBox)
entry.onSwitch((_, checked) => {
   if (checked) {
       console.log('button pressed')
   }
})

将按钮添加到 lightningchart

Adding button to lightningchart

lightningchart