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.
nello script ho questo...codice:<select class="Tipo_Sel1"> <option value="1">grafico1</option> <option value="2">grafico2</option> </select> <div> <canvas width="400" height="140"></canvas> </div>
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');

Rispondi quotando