Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    371

    chart.js doppi dati nel grafico

    ciao ho una select con cui cambio il grafico la select funziona correttamente ossia mi inserisce i dati del grafico che ho selezionato unico problema quando passo sul grafico mi mostra anche i dati del grafico precedente come se si fossero aggiunti e non sostituiti.....come posso pulire ??? o dove sbaglio ??
    GRAZIE 1000
    ps: allo status iniziale il grafico è tutto regolare.

    codice:
               
                        <select class="Tipo_Sel1">
                          <option value="1">grafico1</option>
                          <option value="2">grafico2</option>
                        </select>                
                        <div>
                            <canvas width="400" height="140"></canvas>
                        </div>
    nello script ho questo...
    codice:
          $('.Tipo_Sel1').change(function() {
              var randomScalingFactor = function(){ return Math.round(Math.random() * 100)};
              $Sel=this.value;
              $.ajax({
                  url:'php/ajax_stat.php',
                  data: {Tipo_Sel: $Sel},
                  type: 'POST',
                  dataType: 'json',
                  success: function(response){
                    var labels = response.map(function(e) {return e.descrizione;});
                    var tot_budget = response.map(function(e) {return e.tot_budget;});
                    console.log(tot_budget);
                    var eff_tot = response.map(function(e) {return e.eff_tot;});
                    console.log(eff_tot);
                      barChartData = {
                      labels : labels,
                      datasets : fillChartJsColors('bar', [
                                  //    {
                                  //        strokeColor : COLOR5,
                                  //        data :  tot_budget
                                  //    },
                                      {
                                          strokeColor : 'rgb(255, 97, 50)',
                                          data : eff_tot
                                      }
                  		])
                        };
                       var ctx = $("#stacked-bar-chart canvas")[0].getContext("2d");
                       stackedBarChart = new Chart(ctx).StackedBar(barChartData, options);
                       }
                    });
                    $("#stacked-bar-chart").on('onFullScreen.lobiPanel onSmallSize.lobiPanel resizeStop.lobiPanel onPin.lobiPanel onUnpin.lobiPanel', function(ev, lobiPanel){
                        setTimeout(function(){
                            stackedBarChart.destroy();
                            stackedBarChart = new Chart(stackedBarChart.chart.ctx).StackedBar(barChartData, options);
                        }, 100);
                    });
                  });
                  $('.Tipo_Sel1')
                      .val('1')
                      .trigger('change');

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    371
    mi sapreste per favore aiutare anche a a mettere la legenda....sopra ??thanks

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.