Commit 472aa7cf authored by Edu Trevisan's avatar Edu Trevisan

Add new chart to ciganos page

parent 0008ae39
......@@ -111,8 +111,8 @@ const renderTooltipContent = (o) => {
if (newData !== null && newData !== undefined && newData.length > 0) {
return (
<ResponsiveContainer minHeight={cardHeight}>
<BarChart width={600} data={newData}
<ResponsiveContainer height={cardHeight}>
<BarChart width={600} height={cardHeight} data={newData}
margin={{ top: 20, right: 0, left: 0, bottom: 5 }}>
<XAxis dataKey={dataKey} interval={interval} />
<YAxis />
......
......@@ -28,7 +28,7 @@ import UfBar from '../Components/UfBar';
import Map from '../Components/Map';
import { Store } from '../Store';
// import BuildStackedBar from '../Charts/BuildStackedBar';
import BuildStackedBar from '../Charts/BuildStackedBar';
import BuildBar from '../Charts/BuildBar';
import Loading from '../Components/Loading';
import {
......@@ -47,11 +47,18 @@ const type = "ciganos";
const queries = {
'Famílias pertencentes a Comunidade de Ciganos': 'ciganos_rights?dims=year',
'Espécie do Domicílio': 'ciganos_culture?dims=year,home_type',
}
const customKey = {
'total': 'Total',
};
const loanTypeKeys = {
'null': 'Indefinido',
'1': 'Particular Permanente',
'2': 'Particular Improvisado',
'3': 'Coletivo'
}
/**
......@@ -66,6 +73,7 @@ class CiganosIndicator extends Component {
clickedInMap: null,
charts: {
'Famílias pertencentes a Comunidade de Ciganos': null,
'Espécie do Domicílio': null,
},
};
this.getMapClick = this.getMapClick.bind(this);
......@@ -90,6 +98,7 @@ class CiganosIndicator extends Component {
const uf = getStateExtendedName(this.state.clickedInMap).currentState;
const c = [
this.state.charts['Famílias pertencentes a Comunidade de Ciganos'],
this.state.charts['Espécie do Domicílio'],
];
return (
......@@ -132,6 +141,21 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-3" className={`${contrastString}pannel hoverable`} title='Espécie do Domicílio'>
<div id={'Espécie do Domicílio' + type}>
<BuildStackedBar
dataKey='Ano'
data={c[1]}
customKeys={loanTypeKeys}
/>
</div>
<Loading />
<CardFooter
data={serverURL + queries['Famílias pertencentes a Comunidade de Ciganos'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
</div>
</div>
);
......@@ -173,14 +197,8 @@ class CiganosIndicator extends Component {
organizeData(chart, data) {
switch (chart) {
case 'Extrativismo':
return (organizeJson(data, "cod_agricultura_trab_memb", "ano_pesquisa"));
case 'Bolsa Família':
return (organizeJson(data, "marc_pbf", "ano_pesquisa"));
case 'Renda média per capita':
return (this.getAverage(organizeJson(data, "vlr_renda_media_fam", "ano_pesquisa")));
case 'Tipo de domicílio':
return (organizeJson(data, "cod_local_domic_fam", "ano_pesquisa"));
case 'Espécie do Domicílio':
return (organizeJson(data, 'cod_especie_domic_fam', 'ano_pesquisa'));
default:
return (data);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment