公司业务需要,在散点图上想要描点,同时将点的坐标,返回给后端,后端设置之后再传回到前端页面,进行显示。
但是直接的echarts @click 绑定的时候,只能获取到已有点的坐标的信息。
var zr = myChart.getZr();
zr.on('click', function (params) {
var pointInPixel = [params.offsetX, params.offsetY];// 点的
var pointInGrid = myChart.convertFromPixel('grid', pointInPixel);
if (myChart.containPixel('grid', pointInPixel)) {
console.log(pointInGrid);//点在坐标轴系里的x、y坐标值
}
});
主要参考代码来自官网实例:Examples - Apache EChartshttps://echarts.apache.org/examples/zh/editor.html?c=line-pen