83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
|
|
nv.utils.windowSize = function() {
|
|
// Sane defaults
|
|
var size = {width: 640, height: 480};
|
|
|
|
// Earlier IE uses Doc.body
|
|
if (document.body && document.body.offsetWidth) {
|
|
size.width = document.body.offsetWidth;
|
|
size.height = document.body.offsetHeight;
|
|
}
|
|
|
|
// IE can use depending on mode it is in
|
|
if (document.compatMode=='CSS1Compat' &&
|
|
document.documentElement &&
|
|
document.documentElement.offsetWidth ) {
|
|
size.width = document.documentElement.offsetWidth;
|
|
size.height = document.documentElement.offsetHeight;
|
|
}
|
|
|
|
// Most recent browsers use
|
|
if (window.innerWidth && window.innerHeight) {
|
|
size.width = window.innerWidth;
|
|
size.height = window.innerHeight;
|
|
}
|
|
return (size);
|
|
};
|
|
|
|
|
|
|
|
// Easy way to bind multiple functions to window.onresize
|
|
// TODO: give a way to remove a function after its bound, other than removing alkl of them
|
|
nv.utils.windowResize = function(fun){
|
|
var oldresize = window.onresize;
|
|
|
|
window.onresize = function(e) {
|
|
if (typeof oldresize == 'function') oldresize(e);
|
|
fun(e);
|
|
}
|
|
}
|
|
|
|
// Backwards compatible way to implement more d3-like coloring of graphs.
|
|
// If passed an array, wrap it in a function which implements the old default
|
|
// behaviour
|
|
nv.utils.getColor = function(color) {
|
|
if( Object.prototype.toString.call( color ) === '[object Array]' )
|
|
return function(d, i) { return d.color || color[i % color.length]; };
|
|
else
|
|
return color;
|
|
//can't really help it if someone passes rubish as color
|
|
}
|
|
|
|
// Default color chooser uses the index of an object as before.
|
|
nv.utils.defaultColor = function() {
|
|
var colors = d3.scale.category20().range();
|
|
return function(d, i) { return d.color || colors[i % colors.length] };
|
|
}
|
|
|
|
|
|
|
|
// From the PJAX example on d3js.org, while this is not really directly needed
|
|
// it's a very cool method for doing pjax, I may expand upon it a little bit,
|
|
// open to suggestions on anything that may be useful
|
|
nv.utils.pjax = function(links, content) {
|
|
d3.selectAll(links).on("click", function() {
|
|
history.pushState(this.href, this.textContent, this.href);
|
|
load(this.href);
|
|
d3.event.preventDefault();
|
|
});
|
|
|
|
function load(href) {
|
|
d3.html(href, function(fragment) {
|
|
var target = d3.select(content).node();
|
|
target.parentNode.replaceChild(d3.select(fragment).select(content).node(), target);
|
|
nv.utils.pjax(links, content);
|
|
});
|
|
}
|
|
|
|
d3.select(window).on("popstate", function() {
|
|
if (d3.event.state) load(d3.event.state);
|
|
});
|
|
}
|
|
|