浮点图ajax动态url从服务器端获取数据

Question

As I see to the flot reference . they said,

The plot function can also be used as a jQuery chainable property.

Is possible to define the flot chart to be like this?

var pid = '';
var kid = '';
var chartasset;

$(document).ready(function() {
 var optionchart = {
  series: {
   pie: {
    show: true,                
    label: {
     show:true,
     radius: 0.8,
     formatter: function (label, series) {                
      return '<div style="border:1px solid grey;font-size:8pt;text-align:center;padding:5px;color:white;">' + label + ' : ' + Math.round(series.percent) + '%</div>';
     },
     background: {
      opacity: 0.8,
      color: '#000'
     }
    }
   }
  }
 };

 chartasset = $('#chartasset').plot({
  "ajax" : {
   "url": "<?php echo site_url('Asset/chart_asset')?>?pid="+pid+"&kid="+kid,
   "type": "POST",
   "cache": false,
   "dataType": "json"
  }, optionchart}).data('plot');
});

I need to make the url dynamically change in another function, so I can use :

chartasset.ajax.url("<?php echo site_url('Asset/chart_asset')?>?pid="+pid+"&kid="+kid).load();

How can I use the flot chainable property to get the data, after I'm defining the flot? Sorry for my bad english

Answer 1

No, you can not define the Flot chart like that. If you want to use AJAX, do it this way ( result has to be in the right format ):

$.ajax({
    "url": "<?php echo site_url('Asset/chart_asset')?>?pid="+pid+"&kid="+kid,
    "type": "POST",
    "cache": false,
    "dataType": "json",
    success: function(result) {
        chartasset = $('#chartasset').plot(result, optionchart).data('plot');
    }
}