Skip to content

Commit

Permalink
feat(chart): inclusão propriedade p-data-label para chart tipo line
Browse files Browse the repository at this point in the history
Implementação da propriedade 'p-data-label', onde é possível passar a propriedade `fixed`.
Com essa propriedade (fixed=tue), irar alterar o grafico do tipo line.
- O valor da series ficar sendo exibido fixado com uma background transparente.
- Não será mostrado o tooltip ao hover do bullet.
- Será adicionado uma opacidade a todas outras series quando selecionado uma delas.
- O hover da serie ficará ate selecionar outra ou sair do gráfico.

fixes DTHFUI-10134
  • Loading branch information
bruno-severino authored and anderson-gregorio-totvs committed Dec 3, 2024
1 parent 1be14b1 commit 835ae03
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions src/css/components/po-chart/po-chart.css
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,25 @@ po-chart-legend {
fill: var(--color-chart-line-point-fill);
}

.po-chart-line-path-group {
opacity: 1;
}

.po-chart-line-path-blur {
opacity: 0.25;
transition: opacity 0.1s ease-in;
}

.po-chart-series-point-text {
font-size: 12px;
fill: var(--color-neutral-dark-95);
}

.po-chart-series-point-text-rect {
fill: var(--color-neutral-light-00);
fill-opacity: 0.7;
}

@media screen and (min-width: 1024px) {
.po-chart-header {
padding-bottom: 24px;
Expand Down

0 comments on commit 835ae03

Please sign in to comment.