...
Este guia tem por objetivo auxiliar os usuários a seguir o passo a passo necessário para identificação dos pontos onde é necessária a revisão e atualização do código, por conta da atualização de bibliotecas que tivemos, . Mais uma medida para reforçar ainda mais a segurança do Fluig.
...
Agora, quando você clica em alguma sessão do gráfico, todos eles emitem um mesmo evento, chamado `fluig.chart.click`. Os eventos abaixo foram depreciadosremovidos:
...
| Bloco de código | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
// Adiciona novos dados no gráfico
$('#btn-chart-line-add').on('click', function (e) {
e.preventDefault();
line.addData([40, 60], "August");
});
// Adiciona atualiza os dados no gráfico
$('#btn-chart-line-update').on('click', function (e) {
e.preventDefault();
line.data.datasets[0].data[2] = 50;
line.update();
});
// Remove o último dado no gráfico
$('#btn-chart-line-remove').on('click', function (e) {
e.preventDefault();
line.removeData();
}); |
| Propriedade | Situação | Orientação |
|---|---|---|
| scaleShowGridLines |
...
| Removida |
...
| Para controlar as linhas de grade, agora você deve usar as configurações dentro de scales. | |
| scaleGridLineColor |
...
| Removida |
...
| Use as configurações dentro de scales. | |
| scaleGridLineWidth |
...
| Removida |
...
| Use as configurações dentro de scales. |
...
| pointDot | Removida | Use point dentro de elements em dataset para controlar os pontos. |
| pointDotRadius |
...
| Removida |
...
| Use radius dentro de point em elements no nível do conjunto de dados. | |
| pointDotStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de point em elements no nível do conjunto de dados. | |
| pointHitDetectionRadius |
...
| Removida |
...
| Use hitRadius dentro de point em elements no nível do conjunto de dados. | |
| datasetStroke |
...
| Removida |
...
| Use borderColor dentro de datasets. | |
| datasetFill |
...
| Removida |
...
...
| Use fill dentro de datasets. |
| legendTemplate |
...
| Removida |
...
| Não existe mais a propriedade legendTemplate. A lógica para personalizar a legenda agora deve ser feita na propriedade legend. Consulte a documentação para mais detalhes. |
...
| Propriedade | Situação | Orientação |
|---|---|---|
| scaleShowGridLines | Removida | Use as configurações dentro de scales para controlar as linhas de grade. |
| scaleGridLineColor |
...
| Removida |
...
| Use as configurações dentro de scales para definir a cor das linhas de grade. | |
| scaleGridLineWidth |
...
| Removida |
...
| Use as configurações dentro de scales para definir a largura das linhas de grade. | |
| barShowStroke |
...
| Removida |
...
| Use borderColor dentro de datasets para controlar se as barras têm uma borda. | |
| barStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de datasets para controlar a largura da borda das barras. |
...
| barDatasetSpacing | Removida | A versão 2.9.4 usa barPercentage e categoryPercentage dentro de scales para controlar o espaçamento entre barras e conjuntos de dados. |
| legendTemplate |
...
| Removida |
...
| Não existe mais a propriedade legendTemplate. A lógica para personalizar a legenda agora deve ser feita na propriedade legend. Consulte a documentação para mais detalhes. |
| Propriedade | Situação | Orientação |
|---|---|---|
| scaleShowLine |
...
| Removida |
...
| Use as configurações dentro de scales para controlar a exibição das linhas do eixo. | |
| angleShowLineOut |
...
| Removida |
...
| Não está mais disponível na versão 2.9.4. Considere usar outras propriedades em scales ou gridLines para obter o efeito desejado. | |
| scaleShowLabels |
...
| Removida |
...
| Use as configurações dentro de scales para controlar a exibição de rótulos. |
...
| angleLineColor | Removida | Use as configurações dentro de gridLines em scales para definir a cor das linhas de grade radiais. |
| pointLabelFontFamily |
...
| Removida |
...
...
| Use as configurações dentro de ticks em scales para configurar a família da fonte. |
| pointLabelFontStyle |
...
| Removida |
...
| Use as configurações dentro de ticks em scales para configurar o estilo da fonte. | |
| pointLabelFontSize |
...
| Removida |
...
| Use as configurações dentro de ticks em scales para configurar o |
...
| estilo da fonte. |
| pointLabelFontColor |
...
| Removida |
...
| Use as configurações dentro de ticks em scales para configurar a cor da fonte. | |
| pointDot |
...
| Removida |
...
| Use point dentro de elements em dataset para controlar a exibição de pontos. | |
| pointDotRadius |
...
| Removida |
...
| Use radius dentro de point em elements no nível do conjunto de dados. | |
| pointDotStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de point em elements no nível do conjunto de dados. | |
| pointHitDetectionRadius |
...
| Removida |
...
| Use hitRadius dentro de point em elements no nível do conjunto de dados. | |
| datasetStroke |
...
| Removida |
...
| Use borderColor dentro de datasets. | |
| datasetStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de datasets. | |
| datasetFill |
...
| Removida |
...
| Use fill dentro de datasets. | |
| legendTemplate |
...
| Removida |
...
| Não existe mais a propriedade legendTemplate. A lógica para personalizar a legenda agora deve ser feita na propriedade legend. Consulte a documentação para mais detalhes. |
...
| Propriedade | Situação | Orientação |
|---|---|---|
| scaleShowLabelBackdrop | Removida | O recurso de fundo para rótulos de escala foi removido. |
| scaleBackdropColor |
...
| Removida |
...
| O fundo para rótulos de escala agora é controlado por backgroundColor em ticks dentro de scales. |
...
| scaleBackdropPaddingY | Removida | O preenchimento vertical para o fundo dos rótulos de escala agora é configurado por padding em ticks dentro de scales. |
| scaleBackdropPaddingX |
...
| Removida |
...
| O preenchimento horizontal para o fundo dos rótulos de escala agora é configurado por padding em ticks dentro de scales. | |
| scaleShowLine |
...
| Removida |
...
| Use as configurações dentro de scales para controlar a exibição das linhas do eixo. | |
| segmentShowStroke |
...
| Removida |
...
| A propriedade de controle de traçado de segmento foi removida. O controle de borda agora é feito usando borderColor dentro de datasets. | |
| segmentborderColor |
...
| Removida |
...
| Use borderColor dentro de datasets para controlar a cor da borda do segmento. | |
| segmentStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de datasets para controlar a largura da borda do segmento. | |
| animationSteps |
...
| Removida |
...
| A animação agora é controlada por animation em options. | |
| animationEasing |
...
| Removida |
...
| Use animation em options para controlar a função de easing. | |
| animateRotate |
...
| Removida |
...
| Use animate em options para controlar a animação de rotação. | |
| animateScale |
...
| Removida |
...
| Use animate em options para controlar a animação de escala. | |
| legendTemplate |
...
| Removida |
...
| Não existe mais a propriedade legendTemplate. A lógica para personalizar a legenda agora deve ser feita na propriedade legend. Consulte a documentação para mais detalhes. |
...
| Propriedade | Situação | Orientação |
|---|---|---|
| segmentShowStroke | Removida | A propriedade de controle de traçado de segmento foi removida. O controle de borda agora é feito usando borderColor dentro de datasets. |
| segmentborderColor |
...
| Removida |
...
| Use borderColor dentro de datasets para controlar a cor da borda do segmento. | |
| segmentStrokeWidth |
...
| Removida |
...
| Use borderWidth dentro de datasets para controlar a largura da borda do segmento. |
...
| animationSteps | Removida | A animação agora é controlada por animation em options. |
| animationEasing |
...
| Removida |
...
| Use animation em options para controlar a função de easing. | |
| animateRotate |
...
| Removida |
...
| Use animate em options para controlar a animação de rotação. | |
| animateScale |
...
| Removida |
...
| Use animate em options para controlar a animação de escala. | |
| legendTemplate |
...
| Removida |
...
| Não existe mais a propriedade legendTemplate. A lógica para personalizar a legenda agora deve ser feita na propriedade legend. Consulte a documentação para mais detalhes. |