Мне нужна помощь в получении координат X и Y в виде сложенной гистограммы для каждого прямоугольника в сложной гистограмме.X Y Координаты Stacked Bar
Я здесь создаю новый прямоугольник при наведении. Я хочу, чтобы он был создан с правой стороны верхней части зависающего прямоугольника сложенной гистограммы.
Вот мышь над функцией, которую я определил, проблема заключается в том, что она дает значение y только первого прямоугольника сложенной строки.
function movein() { var allRect = d3.selectAll("rect") // .transition() // .duration(300) .attr("opacity", 0) .attr("display", "none") d3.select(this) .attr("opacity", 1) .attr("display", "block") d3.select('.g') .append("rect") .attr("y", function(d) { return y(d.y1); }) .attr("x", 100) .attr("height", 50) .attr("width", 0) .attr("z-index", 1000) .attr("class", "rect-sec") d3.select('.rect-sec') .transition() .duration(300) .attr("width", 200) };
Кто-то, пожалуйста, помощь в получении X и Y координаты каждого прямоугольника сложенной панели на парении.
Это link, где я ссылаюсь на сложную гистограмму.
Вы не указали функцию '.on (" mouseover "', но внутри вы получаете доступ к текущему элементу, используя 'd3.select (this)'. –
Выше указана функция «mouseover», он выглядит так: .on («mouseover», movein) '. Вы хотите весь код? –
Итак, вы бы сделали' d3.select (this) .attr ("x") ', чтобы получить координату x в данный момент выбран 'rect'. –