Brasil em Números
Indicador:
{ if (!e.target.closest('.tooltip-container')) { document.querySelectorAll('.tooltip-content').forEach(t => { t.classList.add('invisible', 'opacity-0'); t.classList.remove('visible', 'opacity-100'); }); } }); " >
Selecione indicadores
▼
window.innerHeight) { dropdown.style.top = 'auto'; dropdown.style.bottom = '100%'; dropdown.style.marginTop = '0'; dropdown.style.marginBottom = '4px'; } // Ajusta posição horizontal para não sair da tela if (rect.right > window.innerWidth) { dropdown.style.left = 'auto'; dropdown.style.right = '0'; } if (rect.left < 0) { dropdown.style.left = '0'; dropdown.style.right = 'auto'; } " >
v !== indicator.name); delete yAxisConfig[indicator.name]; } else { // Decide eixo com função JS centralizada const axisSide = window.MultiselectManager ? window.MultiselectManager.decideAxisForNewIndicator(selectedIndicators, indicator.name, yAxisConfig) : 'left'; yAxisConfig[indicator.name] = axisSide; selectedIndicators = [...selectedIndicators, indicator.name]; } if (typeof gtag !== 'undefined') { gtag('event', 'indicator_selected', { indicator_name: indicator.name, indicator_file: indicator.datafile, selection_type: 'multiselect' }); } window.updateChartsFromMultiselect && window.updateChartsFromMultiselect(selectedIndicators, indicatorMap, false, yAxisConfig, valuesDisplayConfig); " class="flex cursor-pointer items-center justify-between px-3 py-2 pl-6 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" >
{ t.classList.add('invisible', 'opacity-0'); }); // Toggle current tooltip if (!isVisible) { // Reset any previous positioning tooltip.style.left = ''; tooltip.style.right = ''; tooltip.style.top = ''; tooltip.style.transform = ''; // Calculate position relative to icon const iconRect = $event.currentTarget.getBoundingClientRect(); const tooltipEl = tooltip; // Position tooltip above the icon const top = iconRect.top - 60; // Give more space above tooltipEl.style.top = Math.max(10, top) + 'px'; // Ensure it doesn't go above viewport // For horizontal positioning, use a safer approach const viewportWidth = window.innerWidth; const iconCenter = iconRect.left + iconRect.width / 2; // Use CSS to center and let it auto-adjust if (iconCenter < viewportWidth / 3) { // Icon is on left side - align tooltip to left tooltipEl.style.left = '10px'; tooltipEl.style.right = 'auto'; } else if (iconCenter > (viewportWidth * 2/3)) { // Icon is on right side - align tooltip to right tooltipEl.style.right = '10px'; tooltipEl.style.left = 'auto'; } else { // Icon is in center - center the tooltip tooltipEl.style.left = '50%'; tooltipEl.style.right = 'auto'; tooltipEl.style.transform = 'translateX(-50%)'; } tooltip.classList.remove('invisible', 'opacity-0'); tooltip.classList.add('visible', 'opacity-100'); // Auto-hide after 4 seconds on mobile setTimeout(() => { tooltip.classList.add('invisible', 'opacity-0'); tooltip.classList.remove('visible', 'opacity-100'); }, 4000); } " >
✓
🗑️ Limpar todos
{ const d = e.detail; selectedIndicators = d.selectedIndicators || []; indicatorMap = d.indicatorMap || {}; yAxisConfig = d.yAxisConfig || {}; valuesDisplayConfig = d.valuesDisplayConfig && typeof d.valuesDisplayConfig === 'object' ? d.valuesDisplayConfig : {}; activeFilter = d.activeFilter || 'Todo o período'; }); " >
⚙️ Configurações
📊 Customização das Linhas
Indicador
Cor
Eixo Y
Valores
⬅️ Esquerdo
➡️ Direito
👁️ Sempre visível
📅 Filtros de Tempo
Períodos de Governo
FHC (1995-2002)
Lula (2003-2010)
Dilma (2011-2016)
Temer (2016-2018)
Bolsonaro (2019-2022)
Lula II (2023-atual)
Filtros Rápidos
Último ano
Últimos 3 anos
Últimos 5 anos
Últimos 10 anos
Todo o período
Período Personalizado
De:
Ano
Até:
Ano
Aplicar
Fechar
Selecione um indicador para visualizar
Carregando dados...
Fonte(s):
Banco Central do Brasil
Copiar link
Resetar zoom
💬 Quer comentar algo?
Confira nossos
artigos e análises
!
Utilizamos cookies e scripts de terceiros para melhorar a funcionalidade do site.
Aprovar
Recusar
Mais informações