How to create dynamic array fo array in javascript

Question

I am reading data and loading in two dimensional array using following code by initializing 2d array (series)

where series is structure like as follows (highchart series)

series: [{ name: '' data: [] }]

Manual code:

  <!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>


  <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>




  <link rel="stylesheet" type="text/css" href="/css/result-light.css">

  <style type='text/css'>

  </style>




<script type='text/javascript'>
$(function () {

 var options = {
        chart :{
                  type: 'polygon',
                  renderTo: 'container',

        },
        title: {
            text: 'Height vs Weight'
        },
        yAxis: {
            title: false,
            gridLineWidth:0,
            lineWidth:0,
            labels:{
                enabled: false
            }
        },
          series: [{},{}]
    };

    $.getJSON('data.json', function(data) {
        options.series[0].data = data[0];
        options.series[1].data = data[1];

        var chart = new Highcharts.Chart(options);
    })

});
</script>

</head>
<body>
  <script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>


</body>

But i want to initialize dynamic array so that i can insert arrays(data[i]) dynamically.

data.json

dynamic code:

series: [[]]

 $.getJSON('data.json', function(data) {
        for (i=0; i<data.length(); i++) {
           series[i].data = data[i];
         }
    })

above code does not seem to be working. Pls help me how can i solve my problem.

edited my answer with the data structure you want.

Niki van Stein
– Niki van Stein

2015-09-29 10:04:50 +00:00
Commented Sep 29, 2015 at 10:04 — Niki van Stein
– Niki van Stein, Commented Sep 29, 2015 at 10:04

Niki van Stein · Accepted Answer · 2015-09-29 10:02:58Z

3

You need to use the push() function to append dynamically

EDIT with second array to get the required "data" structure

// initialize array
var series = [];


$.getJSON('data.json', function(data) {
    var temparray = [];
    for (i=0; i<data.length; i++) {
        temparray["data"] = data[i];
        series.push(temparray);
    }
})

edited Sep 29, 2015 at 10:02

answered Sep 29, 2015 at 9:50

Niki van Stein

10.8k3 gold badges33 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

lshettyl Over a year ago

And, .length is a property!

Niki van Stein Over a year ago

Thanks, missed that one.

Sherali Turdiyev Over a year ago

just use this: series.push({ name : "", data : data[i] });

Collectives™ on Stack Overflow

How to create dynamic array fo array in javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related