Cómo hacer el mismo rango de eje para atributos numéricos y diferentes gama de ejes para el grupo ordinal -- javascript campo con d3.js camp Relacionados El problema

How to make same axis range for numeric attributes and different axis range for ordinal group


0
vote

problema

Español

He visualizado una coordenada paralela en D3 y el primer eje representa nombres para que sea un valor ordinal, mientras que otros ejes representan números. Al igual que este ejemplo http://bl.ocks.org/syntagmatic/4020926

Pero quiero tener en lugar de .domain(dimensions.map(function(d) { return d.name; })) para los atributos numéricos que quiero tener el mismo rango de eje para cada grupo domain( [0,8] ) pero no puedo hacerlo porque entonces Floja el primer eje ordinal. ¿Alguna idea de cómo se pueden mezclar ambos?

Editar:

  d3.csv("cars.small.csv", function(data) {   dimensions.forEach(function(dimension) {     dimension.scale.domain(dimension.type === "number"         ? d3.extent(data, function(d) { return +d[dimension.name]; })         : data.map(function(d) { return d[dimension.name]; });   });   

aquí, tengo que hacer que el rango del eje sea igual a través de todo el otro eje.

Original en ingles

I have visualized a parallel coordinates in d3 and the first axis represents names so it is an ordinal value, while other axis represent numbers. Just like this example http://bl.ocks.org/syntagmatic/4020926

but I want to have instead of .domain(dimensions.map(function(d) { return d.name; })) for the numeric attributes I want to have same axis range for each group domain( [0,8] ) but I can't do it because then I loose the first ordinal axis. Any idea on how both could be mixed together?

EDIT:

d3.csv("cars.small.csv", function(data) {   dimensions.forEach(function(dimension) {     dimension.scale.domain(dimension.type === "number"         ? d3.extent(data, function(d) { return +d[dimension.name]; })         : data.map(function(d) { return d[dimension.name]; });   }); 

in here I have to make the axis range go the same through all the other axis.

     
 
 

Lista de respuestas

1
 
vote
vote
La mejor respuesta
 

Cambiar a esto hace el trabajo:

  d3.csv("cars.small.csv", function(data) {   dimensions.forEach(function(dimension) {     dimension.scale.domain(dimension.type === "number"         ? ( [0,8] )         : data.map(function(d) { return d[dimension.name]; });   });   
 

Changing to this does the job:

d3.csv("cars.small.csv", function(data) {   dimensions.forEach(function(dimension) {     dimension.scale.domain(dimension.type === "number"         ? ( [0,8] )         : data.map(function(d) { return d[dimension.name]; });   }); 
 
 

Relacionados problema

0  Enlaces en árbol plegable en D3.js  ( Links in collapsible tree in d3 js ) 
Soy nuevo en D3, así que quiero averiguar algunas de las siguientes cosas en este ejemplo de diseño de árbol (> http://bl.ocks.org/mbostock/4339083 ). ¿Cóm...

1  Inicio D3 Force-Layout colapsado, etiquetas de texto Duplicando  ( Starting d3 force layout collapsed text labels duplicating ) 
Mi objetivo es iniciar el diseño con todos los nodos colapsados, en el clic, se expandan. El problema aquí es que las etiquetas de texto crean duplicados en e...

0  D3.Request genera un error no autorizado  ( D3 request generates unauthorized error ) 
Estoy usando D3.RequeSt.js para descargar datos de un servidor remoto que requiere autenticación básica HTTP. Mis scripts son: var query="<request-url>...

10  D3js escala, transforma y traduce  ( D3js scale transform and translate ) 
He creado nycmap , un proyecto que utiliza angularjs (MVC), Yeoman (Build), D3 (Mapeo) y GeoJson (Datos GEO). Todo funciona muy bien, pero tuve que pasar b...

1  D3.JS- NOOB- ¿Cómo vincular los datos a la ruta desde SVG externo por ID de ruta?  ( D3 js noob how to bind data to path from external svg by path id ) 
Estoy intentando hacer un mapa de cloroplés utilizando un archivo SVG de los condados y un CSV de datos para cada uno de estos. Soy nuevo en D3 y trabajando e...

0  ¿Cómo trace varios rectángulos en la misma parcela en D3?  ( How do i plot multiple rectangles on the same plot in d3 ) 
Estoy tratando de crear múltiples rectángulos en una sola parcela con los datos de un archivo CSV. Con mi enfoque actual, parece que estoy creando múltiples p...

40  NVD3 PIECHART.JS - ¿Cómo editar la información sobre herramientas?  ( Nvd3 piechart js how to edit the tooltip ) 
Estoy usando el componente Piechart.js de NVD3 para generar un Piechart en mi sitio. El archivo .js proporcionado incluye varios var's, de la siguiente manera...

6  D3 - "No se puede crear la propiedad 'vx' en el número '65'"  ( D3 cannot create property vx on number 65 ) 
Así que estoy tratando de promover este gran ejemplo Gráfico dirigido por la fuerza para algunos muy simples JSON: https://raw.githubusercontent.com/dealpe...

10  D3: Encontrar gráficos y-coordenada con el mouseover  ( D3 finding graph y coordinate with mouseover ) 
Estoy haciendo un gráfico de área interactiva utilizando D3. Mientras se mueve sobre el gráfico del área, me gustaría tener un punto rodando a lo largo de la ...

1  D3JS - Posición del círculo vs Radio de círculo o camino curvo  ( D3js circle position vs radius of circle or curved path ) 
He creado una visualización de datos de un sistema solar usando D3.js. Al hacerlo, noté una inconsistencia extraña al configurar la posición X, Y de un elemen...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos