DC.js ScatterPlot Ordinale Achse Tick-Position

Question

Wie kann ich die Wertpunkte direkt über den Ticks (oder den Ticks direkt unter den Punkten) mit DC.js positionieren? Ich konnte das nicht schaffen, DC.js (oder D3.js) positioniert die Wertpunkte, die nach links von den Ticks verschoben sind, obwohl der X-Wert genau der Tick-Wert ist.

Wichtig: Ich brauche diese Funktion für Ordinal X-Achse (es funktioniert gut für lineare X-Achse)!

var data = [ 
    {"x":"a","y":1}, 
    {"x":"b","y":2}, 
    {"x":"c","y":3} 
]; 
... 
dc.scatterPlot("#mychart") 
    .dimension(dimension) 
    .group(group) 
    .x(d3.scale.ordinal().domain(data.map(function(v) {return v.x}))) 
    .xUnits(dc.units.ordinal) 
    .valueAccessor(function(d) {return d.value;}); 

komplette Code siehe jsfiddle: http://jsfiddle.net/bourbert/59Lmt98w/1/

Answer 1

In dc.js Blasendiagramm bubbleLocator ändern:

var bubbleLocator = function (d) { 
return 'translate(' + (bubbleX(d)+20) + ',' + (bubbleY(d)) + ')'; 
};