[Javascript] Grafico ajax non funziona

Discussione in 'Javascript' iniziata da max1974, 2 Maggio 2019.

  1. max1974

    max1974 Nuovo Utente

    Registrato:
    7 Marzo 2013
    Messaggi:
    28
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    sto utilizzando http://lobianijs.com/site/lobiadmin
    e cercando di creare un grafico ma non mi funziona .....
    sapreste darmi qualche suggerimento per favore ???
    i dati che tornano indietro dal file "ajax_stat.php" sono corretti
    Codice:
    <div id="chartjs">
        <div class="row">
          <div class="col-lg-12">
              <div id="doughnut-chart" class="panel panel-light">
                  <div class="panel-heading">
                      <div class="panel-title">
                          <h4>TEST</h4>
                      </div>
                      <select class="Tipo_Sel_Avanz" title="Project Menager" style="margin-left:10px;">
                        <option value="PM-AVANZ">Project Menager</option>
                        <option value="ST-AVANZ">Soggetto Tecnico</option>
                        <option value="SPEC-AVANZ">Specializzazione</option>
                      </select>
                  </div>
                  <div class="panel-body">
                    <div id="avanz_pm1">
                    </div>
                  </div>
              </div>
          </div>
        </div>
        <script type="text/javascript">
    
    
            (function(){
                LobiAdmin.loadScript([
                    'js/plugin/highlight/highlight.pack.js'
                ], function(){
                    LobiAdmin.highlightCode();
                });
               
                LobiAdmin.loadScript('js/plugin/easypiechart/jquery.easypiechart.min.js', initPage);
                function initPage(){
                  $('.panel').lobiPanel({
                      reload: false,
                      editTitle: false,
                      sortable: true
                  });
    //------------------------------------------------------------------------------
                  $('.Tipo_Sel_Avanz').change(function() {
                      $Sel=this.value;
                      $.ajax({
                          url:'php/ajax_stat.php',
                          data: {Tipo_Sel: $Sel},
                          type: 'POST',
                          dataType: 'json',
                          success: function(response){
                            $('#avanz_pm1').html("");
                            $.each(response,function(key,val){
                              //$('#avanz_pm').append('<div class="col-sm-3 col-md-2 col-lg-1" style="padding-bottom: 40px"><div class="progress-bar1" data-percent="'+val.avanz+'" data-duration="2000" data-color="#ccc,'+COLOR5+'"><span class="lbl_nome">'+val.descrizione+'</span></div></div>');
                              $('#avanz_pm1').append(''
                                  +'<div class="easy-pie-chart-wrapper">'
                                  +'<div class="easy-pie-chart" data-percent="'+val.avanz+'" data-size="170" data-line-width="35" data-bar-color="#1e6199" data-line-cap="butt">'
                                  +    '<span class="percentage"></span>'
                                  +'</div>'
                                  +'<div class="label">'+val.descrizione+'</div>'
                                  +'</div>');
                              })
                            }
                      });
                    });
    //---------------------------- STATUS INIZIALE --------------------------------
                    $('.Tipo_Sel_Avanz')
                        .val('PM-AVANZ')
                        .trigger('change');
    
                    $('.easy-pie-chart').easyPieChart({
                        animate: 1000,
                        onStep: function ($el, maxValue, curValue) {
                            $(this.el).find('.percentage').text(Math.round(curValue) + '%');
                        }
                    });
                }
              })
    
        </script>
    </div>
     
Sto caricando...

Condividi questa Pagina