inegicomponentes-tabulador
Version:
Componentes de visualizacion 2023 - Tabuladores
220 lines (214 loc) • 6.48 kB
JSX
import Bar from '../componentes/graficas/barra';
import Line from '../componentes/graficas/linea';
export default {
title:"Componentes/Graficas",
component: Bar
}
export const Barra = (args) => <Bar parametros={args} config={args.config} datos={args.datos}></Bar>;
Barra.args = {
ind:"123456789",
// exe:false,
ag:"0700",
pi:"1910",
pf:"2020",
title:"Población",
config:{
type:"bar",
alto:400,
nombre_ejex:"Periodos",
nombre_ejey:"Población total",
color:3,
tooltip:true,
leyenda:{mostrar:true},
dimension:{
x:{nombre:"Periodo", referencia:"periodo"},
y:{nombre:"Población total"}
}
},
datos:[
{
"periodo": "2000",
"valor": 97483412,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2005",
"valor": 103263388,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2010",
"valor": 112336538,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2015",
"valor": 119938473,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2020",
"valor": 126014024,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
}
]
};
export const Linea = (args) => <Line parametros={args} config={args.config} datos={args.datos}></Line>;
Linea.args = {
ind:"123456789",
exe:false,
ag:"0700",
pi:"1910",
pf:"2020",
title:"Población total",
config:{
type:"line",
alto:300,
nombre_ejex:"Periodos",
nombre_ejey:"Población total",
color:5,
tooltip:true,
legend:false,
dimension:{
x:{nombre:"Periodo", referencia:"periodo"},
y:{nombre:"Población total"}
}
},
datos:[
{
"periodo": "1910",
"valor": 15160369,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1921",
"valor": 14334780,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1930",
"valor": 16552722,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1940",
"valor": 19653552,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1950",
"valor": 25791017,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1960",
"valor": 34923129,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1970",
"valor": 48225238,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1980",
"valor": 66846833,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1990",
"valor": 81249645,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "1995",
"valor": 91158290,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2000",
"valor": 97483412,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2005",
"valor": 103263388,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2010",
"valor": 112336538,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2015",
"valor": 119938473,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
},
{
"periodo": "2020",
"valor": 126014024,
"indicador": "Población total",
"clave_indicador":"1002000001",
"clave_area":"0700",
"area":"Nacional"
}
]
}