[My chart is showing random data instead my ajax data]

 hello,

here's my js

 

function loadChart(){

               $.ajax({

                    url: ('some/json/data/'),

                    type: "POST",

                    contentType: "application/json; charset=utf-8",

                    dataType : "json",

                    success: function (result) {

                        chart1 = new cfx.Chart();

                        chart1.getData().setSeries(2);

                        chart1.getAxisY().setMin(500);

                        chart1.getAxisY().setMax(2000);

                        var series1 = chart1.getSeries().getItem(0);

                        var series2 = chart1.getSeries().getItem(1);

                        series1.setGallery(cfx.Gallery.Lines);

                        series2.setGallery(cfx.Gallery.Bar);

                        

                        chart1.setDataSource(result.d);

                        var divHolder = document.getElementById('ChartDiv');

                        chart1.create(divHolder);

                    },

                    error: function (xhr, txt, err) {

                        alert("error connecting to data: " + txt);            }

                });

      }

      $(document).ready(function($){loadChart()}); 

 

  My json's ajax resonse seems legit

 

[{"Bulan":"Januari","Motor":1500,"Onderdil":1234},{"Bulan":"Februari","Motor":1500,"Onderdil":1234},{"Bulan":"Maret","Motor":1500,"Onderdil":1234},{"Bulan":"April","Motor":1500,"Onderdil":1234},{"Bulan":"Mei","Motor":1500,"Onderdil":1234},{"Bulan":"Juni","Motor":1500,"Onderdil":1234},{"Bulan":"Juli","Motor":1500,"Onderdil":1234},{"Bulan":"Agustus","Motor":1500,"Onderdil":1234},{"Bulan":"September","Motor":1500,"Onderdil":1234},{"Bulan":"Oktober","Motor":1500,"Onderdil":1234},{"Bulan":"November","Motor":1500,"Onderdil":1234},{"Bulan":"Desember","Motor":1500,"Onderdil":1234}]

 

The title well said, the chart is showing random data instead my ajax data.

pls help, thanks in advance

[My ajax chart is not showing]

Hi, here's my JS code

 

 function loadChart(){

               $.ajax({

                    url: (some/json/data/generator),

                    type: "POST",

                    contentType: "application/json; charset=utf-8",

                    dataType : "json",

                    success: function (result) {

                        chart1 = new cfx.Chart();

                        chart1.getData().setSeries(2);

                        chart1.getAxisY().setMin(500);

                        chart1.getAxisY().setMax(2000);

                        var series1 = chart1.getSeries().getItem(0);

                        var series2 = chart1.getSeries().getItem(1);

                        series1.setGallery(cfx.Gallery.Lines);

                        series2.setGallery(cfx.Gallery.Bar);

                        

                        chart1.setDataSource(result.d);

                        var divHolder = document.getElementById('ChartDiv');

                        chart1.create(divHolder);

                    },

                    error: function (xhr, txt, err) {

                        alert("error connecting to data: " + txt);            }

                });

      }

      $(document).ready(function($){loadChart()});

 

 

 My json result seems fine

[{"Bulan":"Januari","Motor":1500,"Onderdil":1234},{"Bulan":"Februari","Motor":1500,"Onderdil":1234},{"Bulan":"Maret","Motor":1500,"Onderdil":1234},{"Bulan":"April","Motor":1500,"Onderdil":1234},{"Bulan":"Mei","Motor":1500,"Onderdil":1234},{"Bulan":"Juni","Motor":1500,"Onderdil":1234},{"Bulan":"Juli","Motor":1500,"Onderdil":1234},{"Bulan":"Agustus","Motor":1500,"Onderdil":1234},{"Bulan":"September","Motor":1500,"Onderdil":1234},{"Bulan":"Oktober","Motor":1500,"Onderdil":1234},{"Bulan":"November","Motor":1500,"Onderdil":1234},{"Bulan":"Desember","Motor":1500,"Onderdil":1234}]

 

And yet not showing, pls help. Thanks in advance