Sparkline em SVG em HTML para Power BI — gerador de medida DAX

Sparkline em SVG HTML

Mini gráfico de linha em SVG com o último valor ao lado — ótimo dentro de cards.

Sparkline HTML = VAR _t = FILTER(ADDCOLUMNS(VALUES('dCalendario'[Data]), "@v", [Vendas]), NOT ISBLANK([@v])) VAR _min = MINX(_t, [@v]) VAR _max = MAXX(_t, [@v]) VAR _d0 = MINX(_t, 'dCalendario'[Data]) VAR _d1 = MAXX(_t, 'dCalendario'[Data]) VAR _ultimo = MAXX(TOPN(1, _t, 'dCalendario'[Data], DESC), [@v]) VAR _pontos = CONCATENATEX( _t, FORMAT(DIVIDE(DATEDIFF(_d0, 'dCalendario'[Data], DAY), DATEDIFF(_d0, _d1, DAY), 0.5) * 220, "0.0", "en-US") & "," & FORMAT(4 + (1 - DIVIDE([@v] - _min, _max - _min, 0.5)) * 48, "0.0", "en-US"), " ", 'dCalendario'[Data], ASC ) RETURN "<div style='font-family:Segoe UI,Arial,sans-serif;display:flex;align-items:center;gap:12px;color:#0f172a'><svg xmlns='http://www.w3.org/2000/svg' width='220' height='56' viewBox='0 0 220 56'><polyline fill='none' stroke='#2962ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' points='" & _pontos & "'/></svg><span style='font-size:20px;font-weight:700'>" & FORMAT(_ultimo, "#,0", "pt-BR") & "</span></div>"

Como usar no Power BI

Instale o visual HTML Content (de Daniel Marsh-Patrick) pelo AppSource: em “Obter mais visuais”, busque por “HTML Content”.
No Power BI Desktop, crie uma Nova medida e cole o código DAX gerado pelo gerador.
Troque os nomes entre colchetes pelas medidas e colunas do seu modelo, se ainda não fez isso no formulário.
Adicione o visual HTML Content à página e arraste a medida para o campo Values.

Perguntas frequentes

Funciona no Power BI Service?

Sim. O visual HTML Content renderiza a medida tanto no Desktop quanto no relatório publicado.

Por que os números de largura usam "en-US"?

CSS e SVG exigem ponto como separador decimal. Forçar a cultura no FORMAT evita que um modelo em pt-BR gere “12,5%” e quebre o layout.

A medida respeita filtros e segmentações?

Sim. É uma medida DAX comum: tudo o que filtra as medidas de origem filtra o HTML gerado.

Posso mudar o estilo depois?

Pode. O HTML fica em texto dentro da medida; basta editar cores, tamanhos e fontes no próprio DAX ou gerar de novo aqui.

Cidade	Realizado	% Meta
Belo Horizonte	482.000	107,1%
São Paulo	431.500	93,8%
Curitiba	298.700	106,7%
Recife	214.300	82,4%
Porto Alegre	187.900	104,4%
Salvador	152.400	76,2%

Cidade

Realizado

% Meta

Belo Horizonte

482.000

107,1%

São Paulo

431.500

93,8%

Curitiba

298.700

106,7%

Recife

214.300

82,4%

Porto Alegre

187.900

104,4%

Salvador

152.400

76,2%

Sparkline em SVG HTML