📅  最后修改于: 2023-12-03 15:16:52.290000             🧑  作者: Mango
getItemCoord()
方法是 jQWidgets 的 jqxChart 组件中提供的用于获取数据点位置坐标的方法。它可以根据给定的数据序列编号和数据点编号,获取该数据点在图表中的位置坐标。
getItemCoord(seriesIndex, dataPointIndex)
seriesIndex
:数据序列编号,从 0 开始计数。dataPointIndex
:数据点编号,从 0 开始计数。getItemCoord()
方法返回一个对象,包含 x
和 y
两个属性,分别表示数据点在图表中的横坐标和纵坐标。
var chart = $('#chart').jqxChart({
series: [
{ data: [20, 30, 40, 50] },
{ data: [10, 20, 30, 40] }
]
}).jqxChart('getInstance');
var seriesIndex = 0;
var dataPointIndex = 1;
var coord = chart.getItemCoord(seriesIndex, dataPointIndex);
console.log(coord);
// 输出:{ x: 125, y: 175 }
在上面的示例代码中,我们首先创建了一个 jqxChart 组件,并初始化了两个数据序列。随后,我们通过 getInstance()
方法获取了组件实例,并调用了 getItemCoord()
方法,传入了数据序列编号和数据点编号作为参数。最后,我们将获取到的数据点位置坐标输出到控制台上。
getItemCoord()
方法只能在 jqxChart 组件初始化完成后才能调用,否则会报错。getItemCoord()
方法会返回一个空对象,即 { x: undefined, y: undefined }
。