在lightningchart中从仪表板查找图表位置

Question

我有一个类似的仪表板

db = lightningChart().Dashboard({
numberOfRows: 3,
numberOfColumns: 2,
theme: them[theme],

})

这里我添加了6个不同的图表

chart[name] = [];
chart[name] = db.createChartXY({
columnIndex: ci,
rowIndex: ri,
columnSpan: cs,
rowSpan: rs,
})

现在我如何获得这个图表在html页面中的位置，这样我就可以在6个不同图表的左上角添加html按钮。

Answer 1

位置可以使用engineLocation2Client函数转换回文档坐标系。

为了将相对于图表的位置转换为文档，您可以使用图表的两个坐标系之一：

1. uiScale(基于百分比的坐标系(，[0,0]=左下角，[10000100]=右上角
2. pixelScale(基于像素的坐标系(，[0,0]=左下角

实际翻译如下所示：

const locationUiScale = { x: 0, y: 100 } // Top left.
const locationEngine = translatePoint(locationUiScale, chart.uiScale, chart.engine.scale)
const locationDocument = chart.engine.engineLocation2Client(locationEngine.x, locationEngine.y)

然后，locationDocument应该包含文档上与该特定图表左上角匹配的X，Y坐标。