jQuery Plot chart json data

Question

I have a problem with jQuery plot chart it works fine but when I load data from php and json it doesnt work it show me nothing.

This is my result from php

[{"label":"Patrik","data":4},{"label":"Miroslav","data":28}]

And flot

            $.getJSON( "http://"+window.location.hostname+"/dashboard/getChartData", function( data ) {
            console.log(data);

            var options = {
                series: {
                    bars: {
                        show: true
                    }
                },
                bars: {
                    align: "center",
                    barWidth: 0.5
                },
                xaxis: {
                    ticks: data.title
                },
                legend: {
                    noColumns: 0,
                    labelBoxBorderColor: "#fff",
                    position: "nw"
                },
                grid: {
                    hoverable: true,
                    borderWidth: 1,
                    borderColor: "#cecece",
                    backgroundColor: { colors: ["#ffffff", "#EDF5FF"] }
                }
            };

            $.plot($("#chart_1_1"), [ data ], options);
        });

neel shah · Accepted Answer · 2014-04-15 07:30:11Z

1

The Json Data that You Receive needs to be converted to Array of arrays Format [[key,value],[key,value]] before you can give it to jqplot. Currently You are having array of objects

answered Apr 15, 2014 at 7:30

neel shah

2,27118 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

jQuery Plot chart json data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related