How to update a Javascript object with a function

Question

Basically I have a object which defines some properties for a Highchart chart:

var options = {
    chart: {
        renderTo: 'container',
        type: 'line',
        marginRight: 130,
        marginBottom: 25
    },
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    },
    subtitle: {
        text: 'Source: WorldClimate.com',
        x: -20
    },
    xAxis: {
        categories: []
    },
    yAxis: {
        title: {
            text: 'Temperature (°C)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        formatter: function () {
            return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y + '°C';
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -10,
        y: 100,
        borderWidth: 0
    },
    series: [{
        name: 'Tokyo',
        data: aCosts
    }]
};

And I want to update this object from a file (ajax call) like so:

$.getJSON(
    "handler.php",
    function (oJSON) {
        var sName,
            sCost,
            aRow;
        for (sName in oJSON) {
            aRow = [];
            //categories = [];
            if (oJSON.hasOwnProperty(sName)) {
                aRow.push(sName);
                categories.push(sName);
            }
            // Create the chart
            var chart = new Highcharts.Chart(options);
        }
    }
);

The problem is, I can't pass the new value to options as it states that categories is not defined. I've tried using:

options.categories.push(sName)
options[categories].push(sName)

And none work.

How can I update the value of categories inside my options object?

Sirko · Accepted Answer · 2013-02-01 14:30:39Z

5

Assuming that options is visible from the $.JSON call, this should work:

options.xAxis.categories.push( sName );

If you look at the structure of your options object, you see, that categories is below the property xAxis. Thus you should address is like that.

answered Feb 1, 2013 at 14:30

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

Comments

Hippocrates · Accepted Answer · 2013-02-01 14:30:57Z

0

You just need to define categories first like so:

options.categories = [];

then you can push things into this array.

Edit: You could place categories: [] in your json to begin with also.

answered Feb 1, 2013 at 14:30

Hippocrates

2,5402 gold badges22 silver badges37 bronze badges

1 Comment

Hippocrates Over a year ago

I did not see that categories falls under the xAxis object already in your JSON. So as others have already pointed out, you just need to access it in the right spot, within xAxis.

Collectives™ on Stack Overflow

How to update a Javascript object with a function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related