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');