Pass string variable to data Highchart

Question

I have a fuction to make my string array and pass this value to data inside highchart.

(function ($, window, myapp) {
    $(document).ready(function () {

        console.log('the data array', myApp.dataArray);
        var conteudo = [];
        for (var i = 0; i < myApp.dataArray.length; i++) {

            conteudo += "[\""
            conteudo += myApp.dataArray[i][0];
            conteudo += "\",";
            conteudo += myApp.dataArray[i][1];

            if (i == myApp.dataArray.length-1) {
                conteudo += "]";
            } else {
                conteudo += "],";
            }

        }


        console.log(conteudo);
        chart(conteudo);

    });
})(jQuery, window, myApp);

The result console.log is correct on variable conteudo ["2017-11-21",600000],["2017-11-22",-1200000],["2017-11-23",300000]

The problem is pass conteudo variable to hightchart:

        series: [{
            name: 'Hours',
            colorByPoint: true,
           
                    data: [
                    
                   conteudo

                ]
            
        }]

I tried it, doesnt work.

lorranpalmeira
– lorranpalmeira

2017-11-28 11:53:31 +00:00
Commented Nov 28, 2017 at 11:53 — lorranpalmeira
– lorranpalmeira, Commented Nov 28, 2017 at 11:53

Bohdan Sorokin · Accepted Answer · 2017-11-28 12:47:58Z

1

I think you should pass array object to data field. No need to convert to string.

Also

["2017-11-21",600000],["2017-11-22",-1200000],["2017-11-23",300000]

This is not string array.

As I understand you are trying to do something like this:

data: [{
  name: '2017-11-21',
  y: 600000
}, {
  name: '2017-11-22',
  y: -1200000
}]

You can check an example http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series/data-array-of-objects/

answered Nov 28, 2017 at 12:47

Bohdan Sorokin

1966 bronze badges

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

4 Comments

lorranpalmeira Over a year ago

No, It´s diferent.I need pass exactly ["2017-11-21",600000],["2017-11-22",-1200000],["2017-11-23",300000] if I put manually my grafh works perfectly

Bohdan Sorokin Over a year ago

@lorranpalmeira What about this solution? jsfiddle.net/a0k3Lxbz Just use an array instead of a string

lorranpalmeira Over a year ago

conteudo.push(myApp.dataArray[i][0]); conteudo.push(myApp.dataArray[i][1]); console.log: ["2017-11-24", 1080000, "2017-11-25", -180000, "2017-11-26", 300000] in grafh appear "2017-11-24", 1080000 correcty, but no show up the rest values.I think that close ].

Kamil Kulig Over a year ago

You should follow the formats that highcharts specifies in the documentation: highcharts.com/docs/chart-concepts/series So in this case it could look like this: [["2017-11-24", 1080000], ["2017-11-25", -180000], ["2017-11-26", 300000]]

Collectives™ on Stack Overflow

Pass string variable to data Highchart

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related