Question

I am using HighCharts for the data visualization as bar chart for one of the problems. However, I am facing problems with passing a series data/category as an array. Please help me with this

$.getJSON('TotalUsers.json', function(data) {
var valuesTotal = [];
var daysTotal = [];
$.each(data.day, function(key, obj) {
    valuesTotal.push('<li id="value-' + key + '">' + obj["@value"] + '</li>');
    daysTotal.push('<li id="day-' + key + '">' + obj["@date"] + '</li>');
});
});​

At the end of it, I am getting array which is valuesTotal = [53819,57558,61141];

I would like to pass this array in the category and series data of a stacked bar chart in HighGraphs like this

var chart;
$(document).ready(function() {

    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar'
        },
        title: {
            text: 'Stacked Bar Chart Representation'
        },
        xAxis: {
            categories: [valuesActive];
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Active User Ratio'
            }
        },
        legend: {
            backgroundColor: '#FFFFFF',
            reversed: true
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.series.name +': '+ this.y +'';
            }
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },
            series: [{
            name: 'Total Days',
            data: daysTotal    // m getting an error here
        }, {
            name: 'Total Users',
            data: valuesTotal   // m getting an error here
        }]
    });

Please help me out. Any help will be appreciated.

Thanks.

Answer 1

You can declare an array in javascript like this also:

var daysTotal = new Array();

Also try to insert values into array like:

daysTotal[key] = value;

Then pass this array to highchart.