Elements not updating correctly

Question

I'm fairly new to JavaScript and I want to update elements in an array. I sort of took a stab at this code here.

var N = 2;
var Range = 64;
var array = [[0,100], [(Range),100]];

Variables ^^

$('#button2').click(function() {
  array.push([(Range/N),100]);
  array.sort();
  chart.series[0].setData(array);
  N=N+1;

  for (var i = 0; i < array.length; i++) {
    array[i] = [(((i+1)*Range)/N), 100];
    array.sort();
    chart.series[0].setData(array);
    i = i+1;
    alert(array);
  }

});

But for some reason, the elements don't update properly, I get this:

[10:33:48.782] [{x:64, y:100}, {x:64, y:100}, {x:64, y:100}]

[10:33:50.053] [{x:48, y:100}, {x:48, y:100}, {x:48, y:100}, {x:64, y:100}]

[10:33:52.994] [{x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}]

[10:33:55.588] [{x:53.333333333333336, y:100}, {x:53.333333333333336, y:100}, {x:53.333333333333336, y:100}, {x:53.333333333333336, y:100}, {x:53.333333333333336, y:100}, {x:64, y:100}]

[10:33:57.721] [{x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}]

[10:33:59.298] [{x:56, y:100}, {x:56, y:100}, {x:56, y:100}, {x:56, y:100}, {x:56, y:100}, {x:56, y:100}, {x:56, y:100}, {x:64, y:100}]

What's happening?

Try to use `console.log` instead of `alert` and see the result in your console. — dashtinejad, Sep 01 '14 at 09:10
@raina77ow originally it was just an add element function but I decided to change the values of the elements as i added new ones and too lazy to remove the other array.sort() xD — Danazar, Sep 01 '14 at 09:12
[10:15:34.349] [{x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}, {x:64, y:100}] <-- this is my array afterward O.o — Danazar, Sep 01 '14 at 09:14
@Prashant that just ignores the respacing of the elements though — Danazar, Sep 01 '14 at 09:15

score 0 · Answer 1 · edited May 23 '17 at 11:57

0

try using this:EDITED

  var result = '';
for (var property in object) {// object is your array
  result += property + ': ' + object[property]+'; ';
}
alert(result);

for more detail visit here:How can I display a JavaScript object?

edited May 23 '17 at 11:57

Community

1
1

answered Sep 01 '14 at 09:19

Suchit kumar

11,809
3
22
44

it is alerting which you where not getting. – Suchit kumar Sep 01 '14 at 09:22
because i have commented chart part.what is this chart. – Suchit kumar Sep 01 '14 at 09:30
Syntax from the Highcharts JS charting library – Danazar Sep 01 '14 at 09:35
i have edited this you can use this as your array is giving [object object] – Suchit kumar Sep 01 '14 at 09:38
please read the edited question, i fixed the object object problem but thanks anyway :) – Danazar Sep 01 '14 at 09:40
ok then you can see this:http://stackoverflow.com/questions/12739926/adding-data-to-a-highchart-chart-using-an-array-with-ids. the problem is you are setting the data twice . – Suchit kumar Sep 01 '14 at 09:46

score 0 · Answer 2 · answered Sep 01 '14 at 09:57

Fixed

$('#button2').click(function() {
  array.push([(Range),100]);
  array.sort();
  N=N+1;

  for (var i = 0; i < array.length; i++) {
    newrange = i*Range/N;
array[i] = [newrange, 100];
  }
chart.series[0].setData(array);
console.log(array);
  });

Elements not updating correctly

2 Answers2