search

d3plus / d3plus

A javascript library that extends D3.js to enable fast and beautiful visualizations.
MIT License
1.62k stars 188 forks source link

Cross browser compatability #151

Closed danihodovic closed 10 years ago

danihodovic commented 10 years ago

I've recently been testing my visualization on Chrome and Chromium, however when using Firefox the visualization works very poorly. I thought that it had to do with the modifications I made, but when trying the examples at d3plus.org I realized there are a lot of errors.

I tested it with Firefox v 31.0, are there any settings to activate for the visualizations to work properly?

I've tried a few interactive D3 examples and they seem fine.

I'm not really wide browser support, I only need Firefox and Chrome to work properly.

danihodovic commented 10 years ago

Seems like I needed to change a few of my event handling parameters and it worked, however the site examples still don't work.

Console output:

TypeError: url is undefined d3plus.js:14060 %cD3plus%c d3plus.css has been deprecated, you do not need to load this file. line-height:25px;font-weight:800;color:#b35c1e;margin-left:0px; font-weight:200;color:#888; d3plus.js:14012 TypeError: d3plus.viz is not a function

davelandry commented 10 years ago

This should be working now, let me know if you find any specific examples that are still broken.

danihodovic commented 10 years ago

I'm not sure that this is a related issue, but the line chart in the examples looks very weird http://d3plus.org/examples/basic/9037371/

davelandry commented 10 years ago

That's actually how it's supposed to look! If you look at the data, the lines are actually supposed to be segmented like that.

danihodovic commented 10 years ago

I'm guessing they're grouped by name (alpha, beta, gamma), while you have 4 lines on the chart?

davelandry commented 10 years ago

There is a break in the "Alpha" line, no data available for 1993. If you hover over the line segment, you'll see the other half of the segment highlight as well.

That is the default behavior, but you can change it by either adding zeros into your data or by setting the "zerofill" parameter of .y( ) to true.

danihodovic commented 10 years ago

Aha, thanks!