como obtener el ancho de la pagina usando javascript, para aplicar a un css, en d3.js?

preguntado por Marco Polo (180 puntos) Dic 18, 2014
editado por Administrador Ene 7, 2015

Buenos dias, quiero saber como puedo hacer para obtener el ancho de una pagina y aplicarlo a un css para que sea dinamico.

            var widthR= window.width;
            var margin = {top: 10, right: 0, bottom: 270, left: 60},
                    width =  widthR,// - margin.left - margin.right,
                    height = 500 - margin.top - margin.bottom,
                    contextHeight = 50;
            contextWidth = width * .5;

            var svg = d3.select("#chart-container").append("svg")
                    .attr("width", width + margin.left + margin.right)
                    .attr("height", (380));

            d3.csv('data.csv', createChart);

intente asi como esta con la variable widthR pero me devuelve NaN que puedo hacer ?

1 Respuesta

0 votos
respondido por osk386 (1,530 puntos) Dic 19, 2014

Prueba window.innerWidth  en lugar de window.width, pero si quieres que sea dinamico, debes usar jquery para obtener el ancho de la pantalla y luego si pasar el valor al css

 

 

...