在類別和系列

Question

圖碼條件：

 <script type="text/javascript"> 
$(function() { 
$("#formulario").submit(function() { 
    var cidade = $("#cidade").val(); 
    var cidade_nome = $("#cidade option:selected").text(); 
    var mans_00 = $('#mans_00:checked').val(); 
    var mans_05 = $('#mans_05:checked').val(); 
    var mans_10 = $('#mans_10:checked').val(); 
    var registro; 
    var param_1; 
    console.log(cidade); 
    $.post('envia.php', {cidade: cidade}, function(resposta) { 
    resposta = JSON.parse(resposta); 

     for(var i=0; i<resposta.length; i++) { 
      registro = resposta[i]; 
      console.log(registro.man_ins_prod_05); 
     } 
    $('#container2').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Monthly Average Rainfall' 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com' 
     }, 
     xAxis: { 
      categories: [ 

       if(mans_00==mans_ins_area_00) 
       {'2000',} 
       '2005', 
       '2010' 
      ] 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Mandioca (ton)' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:.1f} ton</b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: [{ 
      name: cidade_nome, 
      data: [Number(registro.man_ins_prod_00), Number(registro.man_ins_prod_05), Number(registro.man_ins_prod_10)] 

     }] 
     }); 
}); 
    }); 
}); 
     </script> 

我的問題是這樣做： PS：如果複選框mans_00被選中，那麼將「2000」在categories.I以這種形式tryed mans_00包含mans_ins_area_00

如果（mans_00 == mans_ins_area_00） { '2000'，} '2005'， '2010'

這個代碼不W¯¯ ork

Answer 1

我認爲這是你需要的。
http://jsfiddle.net/jzkvzo3z/3/

您將需要一個處理程序$('#myform :checkbox').click(function(){。每次選中/取消選中該複選框時，都會調用該功能。在這個處理程序裏面去了所有需要的邏輯您可以像這樣更改類別和與這些類別關聯的所有數據。

chart.xAxis[0].setCategories(categories); 
chart.series[0].setData(john_data); 

編輯

哈，我忘了解釋你做錯了。要構建圖表，請調用該函數：$('#container2').highcharts({。該函數接受一個參數，它是一個數據結構。數據結構描述了您想要構建的圖表。數據結構看起來像這樣。

var data_structure = { 
    descriptor1 : value, //Value may be Integer, String .... 
    descriptor2 : value, 
    descriptor3 : function() {....code.......}, //A descriptors value can be a function too. 
    descriptor4 : [2,4,5,6], //Array 
    .............................. 
} 

您不能在代碼中放置代碼。