diff --git a/backend/src/casa-civil/dash/dto/transferencia.dto.ts b/backend/src/casa-civil/dash/dto/transferencia.dto.ts index 83c9778a5e..0e7a6e2510 100644 --- a/backend/src/casa-civil/dash/dto/transferencia.dto.ts +++ b/backend/src/casa-civil/dash/dto/transferencia.dto.ts @@ -214,6 +214,9 @@ export class ChartDataDto { type: string; name?: string; nameLocation?: string; + nameTextStyle?: { + align: string; + }; data?: string[] | ChartDataWithConfigDto[]; stack?: string; encode?: ChartEncodeDto; diff --git a/backend/src/casa-civil/dash/transferencia.service.ts b/backend/src/casa-civil/dash/transferencia.service.ts index 38d2c4a351..14b1d11e99 100644 --- a/backend/src/casa-civil/dash/transferencia.service.ts +++ b/backend/src/casa-civil/dash/transferencia.service.ts @@ -687,6 +687,9 @@ export class DashTransferenciaService { top: 'middle', grid: { left: '30%' }, xAxis: { + nameTextStyle: { + align: 'right', + }, type: 'category', data: dadosPorOrgao .sort((a, b) => { @@ -715,17 +718,22 @@ export class DashTransferenciaService { return { name: etapa.etapa_fluxo, type: 'bar', - stack: 'total', barWidth: '20%', color: coresLegenda[itt], + itemStyle: { + barBorderRadius: [100, 100, 0, 0], + }, label: { show: true, - position: 'inside', + position: 'top', + align: 'left', formatter: function (params: any) { return params.value > 0 ? params.value : ''; }, fontSize: 12, - color: '#fff', + color: coresLegenda[itt], + rotate: 90, + verticalAlign: 'middle', fontWeight: 'bold', }, data: dadosPorOrgao