Sobes.tech
Middle

Fala-me do teu trabalho com eCharts: que visualizações fizeste, que funcionalidades adicionais (filtros, formatação condicional, etc.)?

sobes.tech IA

Resposta da IA

No meu trabalho com eCharts, criei vários tipos de visualizações: gráficos lineares e de barras para mostrar a dinâmica dos indicadores, diagramas de pizza para distribuição, bem como gráficos combinados complexos com múltiplos eixos.

As funcionalidades adicionais incluíam:

  • Filtros por datas e categorias, implementados através de uma combinação de React e eCharts, para que o usuário pudesse alterar dinamicamente os dados exibidos.
  • Formatação condicional: por exemplo, mudar a cor da linha ou barra dependendo de valores de limite (vermelho quando o limite é ultrapassado).
  • Tooltips interativos com informações adicionais ao passar o mouse.
  • Capacidade de ampliar e panoramizar os gráficos para análise detalhada.

Exemplo de formatação condicional no eCharts:

option = {
  series: [{
    type: 'bar',
    data: [120, 200, 150, 80, 70],
    itemStyle: {
      color: function(params) {
        return params.value > 100 ? 'red' : 'green';
      }
    }
  }]
};