Assigning variable or array to object element in javascript

Question

I've got something like this which works, but I want to use the result2 array for the first series.data rather than hardcoding. Using data: result2 or data: [result2] does not work. Is it not possible to assign with a variable in this kind of declaration?

var chart1;
$(document).ready(function() {
  $.get('sales_data', function(result) {
      var result2 = result.split(',');
      chart1 = new Highcharts.Chart({
         series: [{
            type: 'column',
            name: 'Units',
            data: [1, 3, 4]
         }, {
            type: 'line',
            name: '3 month avg',
            data: [2, 3, 4]
         }]
      });
   });
});

What's not working here? split returns an array, not an object, just FYI. — gen_Eric
– gen_Eric, Commented Dec 6, 2011 at 17:32
it should just work data: result2. Have you tried it? If it's not working, check if sales_data is returning the correct string. — minboost
– minboost, Commented Dec 6, 2011 at 17:34
This object feeds into a charting plugin. If I replace data: [1,3,4] with either data: [result2] or data: result2, the chart does not appear - it is blank. I used an alert(result2) to confirm that it has the data I need. — user1084007
– user1084007, Commented Dec 6, 2011 at 17:38
IN other words, this does not duplicate what I posted above:var chart1; $(document).ready(function() { $.get('sales_data', function(result) { var result2 = result.split(','); chart1 = new Highcharts.Chart({ series: [{ type: 'column', name: 'Units', data: result2 }, { type: 'line', name: '3 month avg', data: [2, 3, 4] }] }); }); }); — user1084007
– user1084007, Commented Dec 6, 2011 at 17:39

wsanville · Accepted Answer · 2011-12-06 17:38:26Z

3

The problem might be the fact that if you're splitting a string, result2 will be an array of strings.

I've never used Highcharts, but try parsing each element of the string into a corresponding array of integers, and then pass that array.

var strings = result.split(',');
var d = [];
for (var i = 0; i < strings.length; i++)
   d.push(parseInt(strings[i], 10));

Then, use data: d in your call to Chart.

answered Dec 6, 2011 at 17:38

wsanville

37.6k8 gold badges78 silver badges102 bronze badges

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

1 Comment

user1084007 Over a year ago

I saw another example in Highcharts that used parseFloat and that has solved my problem - thank you both,

rlkw1024 · Accepted Answer · 2011-12-06 17:37:20Z

1

You're correct that it is possible to do something like in JavaScript:

var arr = str.split(',');
var obj = {data: arr};

But, I think the problem might be that you're passing an array of strings to your charts API.

In your hard-coded example, you're passing in an array of integers. But if you call split, you'll get an array of strings. This could be the source of the problem.

So, try converting your string array into an array of numbers using parseInt or parseFloat before you pass it to the chart API.

answered Dec 6, 2011 at 17:37

rlkw1024

6,5251 gold badge39 silver badges66 bronze badges

Collectives™ on Stack Overflow

Assigning variable or array to object element in javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related