2
<div id="container" style="height: 400px"></div>


<script>

var chart = Highcharts.chart('container', {

                title: {
                    text: ''
                },
                xAxis: {
                    //categories: fecha,
                    labels: {
                        rotation: -80,
                        style:
                            {
                                fontFamily: 'Sans-serif',
                                fontSize: '12px',
                            }
                    },
                },
                credits:
                {
                    enabled: false,
                },
                plotOptions: {
                    line: {
                        dataLabels: {
                            enabled: true,
                            style: {
                                fontWeight: 'normal',
                                color: '#000000',
                                fontSize: '10px',
                                fontFamily: 'Sans-serif'
                            },
                        },
                        enableMouseTracking: false
                    },
                },
series: [{
        name: 'Installation',
        data: [43934, 52503, 57177]
    }, {
        name: 'Manufacturing',
        data: [24916, 24064, 29742]
    }, {
        name: 'Sales & Distribution',
        data: [11744, 17722, 16005]
    }, {
        name: 'Project Development',
        data: [null, null, 7988]
    }, {
        name: 'Other',
        data: [12908, 5948, 8105]
    }],
            });

for(let i  = 0; i< chart.series.length; i++){

    for(let j  = 0; j< chart.series[i].data.length; j++){

        //alert(chart.series[i].data[j]);
        //console.log(series[i].data[j]);

    }  

}

</script>

2 respuestas 2

3

Con la actualizacion que hiciste, tendías que hacer:

chart.series.forEach(o => {
    o.data.forEach(e => {
      console.log(e);
    });
  });

o solo para mostrar lo números pero no recorrerlos

chart.series.forEach(o => {
    console.log(o.data.toString())
  });

Esta es una posible manera mas corta que los for:

var series = [
  {
    name: "Installation",
    data: [43934, 52503, 57177]
  },
  {
    name: "Manufacturing",
    data: [24916, 24064, 29742]
  },
  {
    name: "Sales & Distribution",
    data: [11744, 17722, 16005]
  },
  {
    name: "Project Development",
    data: [null, null, 7988]
  },
  {
    name: "Other",
    data: [12908, 5948, 8105]
  }
];

series.forEach(o => {
  o.data.forEach(e => {
    console.log(e);
  });
});

En este caso siempre iteramos sobre arrays, al objeto accedemos directamente. Usando for seria:

var series = [
  {
    name: "Installation",
    data: [43934, 52503, 57177]
  },
  {
    name: "Manufacturing",
    data: [24916, 24064, 29742]
  },
  {
    name: "Sales & Distribution",
    data: [11744, 17722, 16005]
  },
  {
    name: "Project Development",
    data: [null, null, 7988]
  },
  {
    name: "Other",
    data: [12908, 5948, 8105]
  }
];

for(let i  = 0; i<series.length; i++){

    for(let j  = 0; j<series[i].data.length; j++){
      
        console.log(series[i].data[j]);
    
    }  

}

La forma que usas es igual excepto por chart, que no se si es una propiedad que no existe o es parte de un objeto mas grande.

1

Puedes auxiliarte del bucle forEach, recorriendo la variable que contiene tu objeto; para luego desde el console.log acceder al nombre de la clave que quieres imprimir; asi

let series = [

      {
        "name": "Installation",
        "data": [43934, 52503, 57177]
      },
      {
         "name": "Installation 2",
        "data": [43934, 52503, 57177]
      }]


series.forEach(value => {
  console.log(value["name"])
})

Como puedes notar la var value contiene la data completa del objeto que se recorre; entonces puedes desde la sintáxis de corchetes y entre comillas colocar el nombre de la clave que deseas imprimir; en este caso para el ejemplo puse name, pero puede ser la que tu quieras

1
  • También podría hacer series.forEach(value => { console.log(value.data.toString()) }) para imprimir los numeros
    – Emeeus
    el 22 ago. 2018 a las 17:52

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.