Pessoal estou desenvolvendo uma aplicação que me ajude a construir gráficos, e estava pensando em fazer de um modo em que o gráfico é construído dinamicamente conforme o usuário insira informação, a primeira delas seria o tipo de gráfico (se é de linha, de barra, pizza, etc) fiz um teste com valores fixos e o gráfico é gerado perfeitamente, então comecei a torna-lo dinâmico, porém quando escolho o tipo de gráfico o sistema não atualiza com a troca de classes, segue meu código:
Controller
$scope.grafico = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
series: ['Series A', 'Series B'],
data: [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
]
}
$scope.tipoGrafico = "";
HTML
<div class="bloco grafico">
<canvas
class="chart {{tipoGrafico}}"
chart-data="grafico.data"
chart-labels="grafico.labels"
chart-series="grafico.series"
chart-legend="false">
</canvas>
</div>
<label>
Tipo de Gráfico
<select ng-model="tipoGrafico">
<option value="chart-line">Linha</option>
<option value="chart-bar">Barra</option>
<option value="chart-pie">Pizza</option>
</select>
</label>
Sou novato programando em angular então qualquer crítica ao código ou sugestão de algum outro modo de fazer o que quero é sempre bem vinda ! desde já agradeço