Question

I ve started using the excellent D3.js data visualisation library (http://mbostock.github.com/d3/).

The results work great in Firefox and Chrome, but not in IE. One issue seems to be the heavy use of this.style.setProperty and this.style.removeProperty by D3, which isn t recognised by IE.

I wondered if anyone knew of a workaround or shim or some such? (My JavaScript is pretty poor, BTW).

Answer 1

I have been fighting with the same bug you can simply solve it by using the following pattern when you want to change the style.

element.style("property", "value");

It s absolutely necessary that the value is always a string. Otherwise you will get a weird Character Error in IE9 as it can only handle strings.

I tested it with D3JS 3.2.8.

Answer 2

What about .classed( class , true/false)? It works perfectly well in IE9:

function mouseOver(d, i) {
    var element = d3.select(this);
    var alreadyHasClass = element.classed( className ); // boolean
    element.classed( cssClass , !alreadyHasClass); // set/remove class
}

BTW, it s faster add/remove classes to elements than appending information to "style".

Answer 3

I believe the newest version 2.1.3 solves this. Take a look.

友情链接