当我在DevExtreme图表中点击一个点时,我试图显示一些东西(最终是一个菜单).为简单起见,我开始使用条形图.
我想要做的是,当用户点击一个栏以在该特定点的DOM中显示其他内容时.我试图设置它并且大部分都是这样,我得到的问题我不确定如何解决是关于坐标.
上面的示例显示了我单击的位置,以及我附加的红色圆圈,它出现在栏的顶部.添加它的代码非常简单:
var clicked = function(p) {
var element = p.element[0];
var group = d3.select(element)
.select("svg")
.append("g")
.attr("transform", "translate("+ [p.target.x, p.target.y] +")")
.append("circle")
.attr({ cx : 0, cy: 0, r: 10, class: "circle"});
};
只需获取目标点击元素的坐标即可.显然这似乎是顶角.有没有人可以想到获得实际点击的位置?
我有一个示范小提琴,它们的一个例子在这里分开:http://jsfiddle.net/IPWright83/ho2euurh/2/
解决方法:
.attr("transform", "translate("+ [p.jQueryEvent.pageX, p.jQueryEvent.pageY] +")")
这为您提供了点击位置的坐标.