[Javascript] Grafico ajax non funziona

max1974

Utente Attivo
7 Mar 2013
107
0
16
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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0
L [Javascript] input variabili di scrittura con canvas Javascript 2
G [Javascript] Passare un valore via querystring Javascript 1
max1974 [Javascript] Funzione Errata procedura Javascript 2

Discussioni simili