точка пересечения Google Chart и SVG линия

Question

Svg line not displayed on google charts?

ссылается на этот вопрос я хочу, чтобы выяснить точку, в которой линии отсекает SVG Google Chart.

Это скрипка ссылки http://jsfiddle.net/nc6uf/

я хочу найти точку, в которой мыши пересекающую Google Chart в мыши случае перемещения

graph.on('mousemove', function() { 
      line.attr("y1", d3.event.y - 50); 
      line.attr("y2", d3.event.y - 50); 
     }); 

Answer 1

Каждый Google Chart обращается в SVG, который находится в его собственном DIV , Объекты SVG могут быть нарисованы только внутри элемента, и поскольку у вас есть два холста SVG в вашем примере (один сверху и один внизу), ваша строка будет рисоваться только в элементе, к которому вы добавили строку. Поскольку вы использовали d3.select(), вы выбрали первый элемент, удовлетворяющий вашему условию «svg».

Вы можете увидеть второй SVG холст взаимодействовать с MouseMove, изменив эту строку в вашем примере:

var graph = d3.select('svg'); 

к:

var graph = d3.selectAll('svg'); 

Если вы хотите линию, чтобы пройти через обе диаграммы, вам понадобятся графики, которые будут нарисованы на одном холсте SVG.