From 5328f34805979dc91919af97fbf4a4fba5cd5103 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Thu, 25 Aug 2022 17:36:05 -0300 Subject: [PATCH] fix catXliv mensal chart --- .../graph/cativoXLivreChart/index.tsx | 52 +++++++++++++++++-- src/pages/economy/index.tsx | 11 ++-- 2 files changed, 55 insertions(+), 8 deletions(-) diff --git a/src/components/graph/cativoXLivreChart/index.tsx b/src/components/graph/cativoXLivreChart/index.tsx index ebbc830..e9ae7e7 100644 --- a/src/components/graph/cativoXLivreChart/index.tsx +++ b/src/components/graph/cativoXLivreChart/index.tsx @@ -79,9 +79,11 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, const options: any = config(miniature) + console.log(chartData?.map(value => value.dad_estimado)?.includes(true)) + const data: any = { labels, - datasets: [ + datasets: chartData?.map(value => value.dad_estimado)?.includes(true) ? [ { type: 'line' as const, label: dataset1? dataset1 : 'Dataset 1', @@ -102,9 +104,10 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, if (!value.dad_estimado) return parseInt(value.custo_cativo) }), - skipNull: true, + // skipNull: true, borderRadius: 8, backgroundColor: '#C2D5FB', + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) }, { type: 'bar' as const, @@ -113,9 +116,10 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, if (!value.dad_estimado) return parseInt(value.custo_livre) }), - skipNull: true, + // skipNull: true, borderRadius: 8, backgroundColor: '#255488', + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) }, { type: 'bar', @@ -124,9 +128,9 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, if (value.dad_estimado) return parseInt(value.custo_cativo) }), - skipNull: true, borderRadius: 8, backgroundColor: pattern.draw('diagonal', '#C2D5FB'), + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) }, { type: 'bar', @@ -135,9 +139,47 @@ export function CativoXLivreChart({ title, subtitle, chartData, label, dataset1, if (value.dad_estimado) return parseInt(value.custo_livre) }), - skipNull: true, borderRadius: 8, backgroundColor: pattern.draw('diagonal', '#255488'), + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) + } + ] : [ + { + type: 'line' as const, + label: dataset1? dataset1 : 'Dataset 1', + borderColor: '#0c9200', + datalabels: { + backgroundColor: 'white', + borderRadius: 8, + opacity: .8 + }, + borderWidth: 2, + fill: false, + data: chartData?.map(value => parseInt(value.economia_mensal)), + }, + { + type: 'bar' as const, + label: 'Cativo', + data: chartData?.map(value => { + if (!value.dad_estimado) + return parseInt(value.custo_cativo) + }), + // skipNull: true, + borderRadius: 8, + backgroundColor: '#C2D5FB', + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) + }, + { + type: 'bar' as const, + label: 'Livre', + data: chartData?.filter(value => !value.dad_estimad? true : false).map(value => { + if (!value.dad_estimado) + return parseInt(value.custo_livre) + }), + // skipNull: true, + borderRadius: 8, + backgroundColor: '#255488', + skipNull: chartData?.map(value => value.dad_estimado)?.includes(true) } ], } diff --git a/src/pages/economy/index.tsx b/src/pages/economy/index.tsx index abfcad8..c34d926 100644 --- a/src/pages/economy/index.tsx +++ b/src/pages/economy/index.tsx @@ -71,22 +71,27 @@ export default function economy({userName, anual, years, brutaMensal, catLiv, cl setLastDataBruta(`${parseFloat(lastData).toFixed(3)}`) }, [economyMenu]) - useEffect(() => { - api.post('/economy/estimates', unity!==''?{ + async function getChartsWithUnity() { + await api.post('/economy/estimates', unity!==''?{ "filters": [ {"type" : "=", "field":"dados_cadastrais.cod_smart_unidade", "value": unity === "default" ? unity : unity} ] }:{}).then(res => { + console.log(res.data.data) setCatLivDataState(res.data.data) }) - api.post('/economy/MWh', unity!==''?{ + await api.post('/economy/MWh', unity!==''?{ "filters": [ {"type" : "=", "field":"dados_cadastrais.cod_smart_unidade", "value": unity === "default"? unity : unity} ] }:{}).then(res => { setIndicatorDataState(res.data.data) }) + } + + useEffect(() => { + getChartsWithUnity() }, [unity]) return (