Lightningchart js ButtonBox边框颜色
Lightningchart js ButtonBox边框颜色
提问于 2020-10-19 21:35:23
需要帮助着色的ButtonBox边框(黄线)。
this.chart
.addUIElement(UIElementBuilders.ButtonBox.setBackground(UIBackgrounds.Rectangle))
.setPosition({ x: 18, y: 99 })
.setOrigin(UIOrigins.RightTop)
.setText("Download PNG Image")
.setPadding({ top: 5, right: 20, bottom: 5, left: 20 })
.setButtonOffSize(0)
.setButtonOnSize(0)
.setDraggingMode(UIDraggingModes.notDraggable)
.onMouseClick((event) => {
this.chart.saveToFile(this.chart.getTitle())
})
}
图表截图：
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-21 15:25:37
可以通过编辑UI元素的背景笔触样式来编辑ButtonBox的颜色。
const uiElement = chart.addUIElement(UIElementBuilders.ButtonBox.setBackground(UIBackgrounds.Rectangle))
uiElement.setBackground(bg => bg
.setStrokeStyle((lineStyle) => lineStyle
.setFillStyle(fillStyle => fillStyle
.setColor(ColorHEX('#f00'))
)
)
)
// Extract required parts from LightningChartJS.
const {
lightningChart,
UIBackgrounds,
UIOrigins,
UIElementBuilders,
UIDraggingModes,
ColorHEX
} = lcjs
// Create a XY Chart.
const chart = lightningChart().ChartXY()
chart.addUIElement(UIElementBuilders.ButtonBox.setBackground(UIBackgrounds.Rectangle))
.setPosition({ x: 99, y: 99 })
.setOrigin(UIOrigins.RightTop)
.setText('Download PNG Image')
.setPadding({ top: 5, right: 20, bottom: 5, left: 20 })
.setButtonOffSize(0)
.setButtonOnSize(0)
.setDraggingMode(UIDraggingModes.notDraggable)
.setBackground(bg => bg
.setStrokeStyle((lineStyle) => lineStyle.setFillStyle(fillStyle => fillStyle.setColor(ColorHEX('#f00'))))
)
.onMouseClick((event) => {
chart.saveToFile(chartTitle + ' - Screenshot')
})<script src="https://unpkg.com/@arction/lcjs@2.0.3/dist/lcjs.iife.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64428509
复制相关文章
相似问题
腾讯云开发者
