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"
        }
    ]
    
}