📜  jQWidgets jqxChart getItemCoord() 方法(1)

📅  最后修改于: 2023-12-03 15:16:52.290000             🧑  作者: Mango

jQWidgets jqxChart getItemCoord() 方法

方法介绍

getItemCoord() 方法是 jQWidgets 的 jqxChart 组件中提供的用于获取数据点位置坐标的方法。它可以根据给定的数据序列编号和数据点编号,获取该数据点在图表中的位置坐标。

语法
getItemCoord(seriesIndex, dataPointIndex)
参数说明
  • seriesIndex:数据序列编号,从 0 开始计数。
  • dataPointIndex:数据点编号,从 0 开始计数。
返回值

getItemCoord() 方法返回一个对象,包含 xy 两个属性,分别表示数据点在图表中的横坐标和纵坐标。

示例代码
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 }