Inversion with ordinal scale

Question

Is there any way to find inversion of ordinal scale?

I am using string value on x axis which is using ordinal scale and i on mouse move i want to find inversion with x axis to find which string is there at mouse position?

Is there any way to find this?

var barLabels = dataset.map(function(datum) {     return datum.image; }); console.log(barLabels); var imageScale = d3.scale.ordinal()         .domain(barLabels)         .rangeRoundBands([0, w], 0.1); // divides bands equally among total width, with 10% spacing. console.log("imageScale...................."); console.log(imageScale.domain());   .  . var xPos = d3.mouse(this)[0]; xScale.invert(xPos); 

Answer 1

I actually think it doesn't make sense that there isn't an invert method for ordinal scales, but you can figure it out using the ordinal.range() method, which will give you back the start values for each bar, and the ordinal.rangeBand() method for their width.

Example here: http://fiddle.jshell.net/dMpbh/2/

The relevant code is

    .on("click", function(d,i) {         var xPos = d3.mouse(this)[0];         console.log("Clicked at " + xPos);         //console.log(imageScale.invert(xPos));         var leftEdges = imageScale.range();         var width = imageScale.rangeBand();         var j;         for(j=0; xPos > (leftEdges[j] + width); j++) {}             //do nothing, just increment j until case fails         console.log("Clicked on " + imageScale.domain()[j]);     });