> google.load("visualization", "1", { packages: ["corechart"] }); > google.setOnLoadCallback(drawChart); > > function drawChart() { > var AjaxData = $.ajax({ > type: "POST", > contentType: "application/json;", > url: "WebForm1.aspx/GetHeartBeatData", > dataType: "json", > async: false > }).responseText; > > var MyArray = JSON.parse(AjaxData); > var DataArray = JSON.parse(MyArray.d); > var data = google.visualization.arrayToDataTable(DataArray); >>
> AjaxData "{"d":"[{\"time\":1,\"db1\":1,\"db2\":2,\"db3\":3,\"db4\":4,\"db5\":5,\"db6\":6,\"db7\":7,\"db8\":8,\"comm\":9},{\"time\":2,\"db1\":4,\"db2\":5,\"db3\":6,\"db4\":7,\"db5\":8,\"db6\":6,\"db7\":4,\"db8\":2,\"comm\":1},{\"time\":3,\"db1\":9,\"db2\":8,\"db3\":7,\"db4\":3,\"db5\":2,\"db6\":1,\"db7\":1,\"db8\":2,\"comm\":3}]"}" String > >- MyArray {...} Object >+ __proto__ {...} Object > d "[{"time":1,"db1":1,"db2":2,"db3":3,"db4":4,"db5":5,"db6":6,"db7":7,"db8":8,"comm":9},{"time":2,"db1":4,"db2":5,"db3":6,"db4":7,"db5":8,"db6":6,"db7":4,"db8":2,"comm":1},{"time":3,"db1":9,"db2":8,"db3":7,"db4":3,"db5":2,"db6":1,"db7":1,"db8":2,"comm":3}]" String > >- [0] {...} Object >+ __proto__ {...} Object > comm 9 Number > db1 1 Number > db2 2 Number > db3 3 Number > db4 4 Number > db5 5 Number > db6 6 Number > db7 7 Number > db8 8 Number > time 1 Number >>
"{\"d\":[ [\"Time\",\"db1\",\"db2\",\"db3\",\"db4\"],[\"1:00\",54,50,57,47],[\"2:00\",56,46,63,20]]}";(assuming you want to pass header information in the first row)