Crear objeto multidimensional con matrices multidimensionales

Question

Im tratando de construir un gráfico de plugin jQuery "Flot" algo avanzado. Para eso, necesito un objeto multidimensional (o al menos creo que lo es).

La estructura debe tener este aspecto:

var datasets = { 
     "usa": { 
      label: "USA", 
      data: [[1988, 483994], [1989, 479060], [1990, 457648], [1991, 401949], [1992, 424705], [1993, 402375], [1994, 377867], [1995, 357382], [1996, 337946], [1997, 336185], [1998, 328611], [1999, 329421], [2000, 342172], [2001, 344932], [2002, 387303], [2003, 440813], [2004, 480451], [2005, 504638], [2006, 528692]] 
     },   
     "russia": { 
      label: "Russia", 
      data: [[1988, 218000], [1989, 203000], [1990, 171000], [1992, 42500], [1993, 37600], [1994, 36600], [1995, 21700], [1996, 19200], [1997, 21300], [1998, 13600], [1999, 14000], [2000, 19100], [2001, 21300], [2002, 23600], [2003, 25100], [2004, 26100], [2005, 31100], [2006, 34700]] 
     } 
}; 

Desde mi código subyacente he generado algunas listas con este aspecto (no los mismos datos, pero no me importa eso):

<ul id="MOBILISATION"> 
    <li data-key="2012/3/27">02:10</li> 
    <li data-key="2012/3/28">05:25</li> 
    <li data-key="2012/3/29">09:21</li> 
    <li data-key="2012/3/30">00:00</li> 
    <li data-key="2012/3/31">00:00</li> 
</ul> 
<ul id="OPERATIONS"> 
    <li data-key="2012/3/27">19:51</li> 
    <li data-key="2012/3/28">18:35</li> 
    <li data-key="2012/3/29">14:39</li> 
    <li data-key="2012/3/30">07:46</li> 
    <li data-key="2012/3/31">10:26</li> 
</ul> 

Donde "USA/usa" es "MOVILIZACIÓN", "1988" es "2012/3/27" y "483994" es "02:10". ¿Te haces una foto?

He intentado escribir alguna jQuery, pero, obviamente, el trabajo doesnt:

var objects = []; 
    var array = []; 
    var categoryName = ""; 
    $('div#Container ul').each(function() { 
     catName = $(this).attr('id'); 
     $('li', this).each(function() { 
      array.push([new Date($(this).data('key')).getTime(), $(this).text()]); 
     }); 

     objects.push({ categoryName: { label: categoryName, data: array} }); 
    }); 
    var datasets = objects; 

Como se puede ver que he utilizado empuje para objects matriz. Claramente, eso no me está dando el resultado que quiero. Estoy amablemente perdiendo lo que tengo arriba y abajo en esto, ya que es la primera vez que trabajo con objetos javascript/jQuery. ¿Cuál es la mejor solución para esto?

Answer 1

Sus conjuntos de datos es un objeto, no una matriz, no se puede presionar. Además, su variable categoryName no funciona así (lea más en dot and bracket notation). Prueba esto:

var datasets = {}; 
$('div#Container ul').each(function() { 
    catName = this.id; 
    var array = []; 
    $('li', this).each(function() { 
     array.push([ 
      new Date($(this).data('key')).getTime(), 
      $(this).text() 
     ]); 
    }); 
    datasets[catName.toLowercase()] = { 
     label: catName.toUppercase(), 
     data: array 
    }; 
}); 

Además, no estoy seguro de si realmente se necesita para crear objetos Date, pero eso depende de su formato de entradas y salida.

Answer 2

Cambio var objects = []; a var objects = {}; y cambiar

objects.push({ categoryName: { label: categoryName, data: array} }); 

a

objects[categoryName] = { label: categoryName, data: array}; 

El problema que tiene con objetos JSON está en la configuración de propiedades con un índice variable. Puede usar la notación de matriz para hacer eso, como se indicó anteriormente.

Answer 3

Trate

var data = {}; 
    $('div#Container ul').each(function() { 
     var sub_obj = data[$(this).attr('id').toLowerCase()] = { 
      label: $(this).attr('id').toUpperCase(), 
      data: [] 
     }; 
     $(this).children('li').each(function() { 
      sub_obj.data.push([$(this).data('key'), $(this).text()]); 
     }); 
    }); 
    console.log(data); 

Answer 4

Prueba esto:

var datasets = {}; 

$('ul').each(function (i, v) { 
    catName = $(this).attr('id'); 
    datasets[catName] = { 
     label : catName, 
     data: []    
    };   
    $('li', this).each(function() { 
     datasets[catName].data.push([new Date($(this).data('key')).getTime(), $(this).text()]); 
    }) 
}); 

Demostración: http://jsfiddle.net/nfsYu/6/