[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
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
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
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
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
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
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
R Cerco supporto in programmazione javascript Offerte e Richieste di Lavoro e/o Collaborazione 0
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 18
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

Discussioni simili