Диаграмма D3.js - позиционирование точек

Question

У меня проблемы с позиционированием точек подсказки. Я использую порядковый масштаб X, и я просто не могу заставить его работать ... не уверен, что мне нужно изменить структуру данных или ... любое понимание будет оценено по достоинству. Я включил ссылку JS скрипку ниже

tooltip_container.selectAll("dot")  
    .data(dataset)   
    .enter().append("circle")        
    .attr("r", 5) 
    .attr("cx", function(d,i) { /* return x(d) ?? */})    
    .attr("cy", function(d,i) { /* return y(d) ?? */}) 

JS Fiddle link

Answer 1

Если вы хотите создать всплывающую подсказку для всех линий вы будете нуждаться в этом

tooltip_container.selectAll("dot")  
    .data(dataset)   
    .enter().append("circle")        
    .attr("r", 5) 
    .attr("cx", function(d,i) { return x(d.month) })    
    .attr("cy", function(d,i) { return y(d.undecided) }) 

tooltip_container.selectAll("dot")  
    .data(dataset)   
    .enter().append("circle")        
    .attr("r", 5) 
    .attr("cx", function(d,i) { return x(d.month) })    
    .attr("cy", function(d,i) { return y(d.yes) }) 

tooltip_container.selectAll("dot")  
    .data(dataset)   
    .enter().append("circle")        
    .attr("r", 5) 
    .attr("cx", function(d,i) { return x(d.month) })    
    .attr("cy", function(d,i) { return y(d.no) })