@extends('layouts.grafico2')
    <!-- END Hero -->
@section('php')
    @php
        $cliente = config('app.CLIENTE');
        $display_grafico = '';
        $true = true;
    @endphp
@endsection

@if(count($selectores_grafico)>0)
    @section('grafico')
        
        @if(isset($selectores_grafico['fob']))
            <x-grafico id="fob" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
            <x-grafico id="imp" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp    
        @endif

        @if(isset($selectores_grafico['balpag']))
            @php $display_grafico = 'display: none;'; @endphp
            <x-grafico id="balpag" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
            <x-grafico id="ied" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
        @endif

        @if(isset($selectores_grafico['pibsoc']))
            @php $display_grafico = 'display: none;'; @endphp
            <x-grafico id="pibsoc" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
            <x-grafico id="pmp" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
        @endif

        @if(isset($selectores_grafico['indcam']))
            @php $display_grafico = 'display: none;'; @endphp
            <x-grafico id="indcam" style="{{$display_grafico}}" :favoritosDisabled="$true"></x-grafico>
        @endif

    @endsection
@endif

@section('js_aft')
    <script>
        $(document).ready(function(){
            GraficoExp(1);
            function GraficoExp(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_exp");
                    $("#chart_exp").html('<div class="loading-spinner"></div>');
                }
                const dataStore = new FusionCharts.DataStore();
                var schema = [
                {
                    "name": "Fecha",
                    "type": "date",
                    "format": "%b/%Y"
                },
                {
                "name": "Area",
                "type": "string"
                },
                {
                    "name": "Valor",
                    "type": "number"
                }
                ];
                const dataSource = {
                "extensions": {
                "customRangeSelector": {
                    style: {
                            "title-text": {
                            fill: "#808080"
                            },
                            "title-icon": {
                            fill: "#808080"
                            },
                            "title-text:hover": {
                            background: "#000000",
                            fill: "#434456"
                            },
                            "title-icon:hover": {
                            fill: "#434456"
                            },
                            "button-apply": {
                            "background-color": "#E7E7E7",
                            "border-color": "#000000",
                            "font-size": "8",
                            width: "50",
                            height: "18"
                            },
                            "button-cancel": {
                            "background-color": "#EBEBEB",
                            "border-color": "#000000",
                            "font-size": "8",
                            width: "50",
                            height: "18"
                            },
                            container: {
                            "background-color": "#E6E6E6"
                            },
                            "cal-header": {
                            "background-color": "#ECECEC",
                            color: "#434456"
                            },
                            "cal-body": {
                            color: "#000000",
                            "background-color": "#000000"
                            },
                            "cal-body:hover": {
                            color: "#000000"
                            },
                            "cal-days:hover": {
                            fill: "#FF0000"
                            },
                            "cal-activedate:hover": {
                            "background-color": "#2874A6",
                            fill: "#FFFFFF"
                            },
                            "cal-activedate": {
                            "background-color": "#E6E4E4"
                            },
                            "cal-selecteddate": {
                            "background-color": "#2874A6"
                            }
                        }
                    }
                },
                    "chart": {
                    paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                    "animation": "0",
                    "multicanvas": 0,
                    BaseFont: "sans-serif",
                    baseFontSize: "11",
                    legendItemFont: "sans-serif",
                    legendItemFontColor: "#a9a9a9",
                    },
                    "caption": {
                    "text": "Exportaciones (FOB)"
                    },
                    "subcaption": {
                    "text": "(millones de d\u00f3lares)"
                    },
                    series: "Area",
                    yaxis: [
                            {
                            plot: [
                                {
                                value: "Valor",
                                type: "column"
                                }
                            ],
                            title: "Millones de d\u00f3lares",
                            "format": {
                                defaultFormat: 0
                                //formatNumberScale:0
                            }
                            }
                        ],
                        "xaxis":{
                            initialinterval:{
                            from: "Jan/2023",
                            to: "Dec/2025"
                            }
                        }
                };
                dataSource.data = dataStore.createDataTable(dataExp, schema);
                new FusionCharts({
                    type: 'timeseries',
                    renderAt: 'fob',
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                }).render();
                //cargandoDatos2(1,"chart_exp");
                if(sig == 1){
                    GraficoImp(1);
                }
            }

            function GraficoImp(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_imp");
                    $("#chart_imp").html('<div class="loading-spinner"></div>');
                }
                const dataStore = new FusionCharts.DataStore();
                var schema = [
                {
                    "name": "Fecha",
                    "type": "date",
                    "format": "%b/%Y"
                },
                {
                "name": "Area",
                "type": "string"
                },
                {
                    "name": "Valor",
                    "type": "number"
                }
                ];
                const dataSource = {
                "extensions": {
                "customRangeSelector": {
                    style: {
                            "title-text": {
                            fill: "#808080"
                            },
                            "title-icon": {
                            fill: "#808080"
                            },
                            "title-text:hover": {
                            background: "#000000",
                            fill: "#434456"
                            },
                            "title-icon:hover": {
                            fill: "#434456"
                            },
                            "button-apply": {
                            "background-color": "#E7E7E7",
                            "border-color": "#000000",
                            "font-size": "8",
                            width: "50",
                            height: "18"
                            },
                            "button-cancel": {
                            "background-color": "#EBEBEB",
                            "border-color": "#000000",
                            "font-size": "8",
                            width: "50",
                            height: "18"
                            },
                            container: {
                            "background-color": "#E6E6E6"
                            },
                            "cal-header": {
                            "background-color": "#ECECEC",
                            color: "#434456"
                            },
                            "cal-body": {
                            color: "#000000",
                            "background-color": "#000000"
                            },
                            "cal-body:hover": {
                            color: "#000000"
                            },
                            "cal-days:hover": {
                            fill: "#FF0000"
                            },
                            "cal-activedate:hover": {
                            "background-color": "#2874A6",
                            fill: "#FFFFFF"
                            },
                            "cal-activedate": {
                            "background-color": "#E6E4E4"
                            },
                            "cal-selecteddate": {
                            "background-color": "#2874A6"
                            }
                        }
                    }
                },
                    "chart": {
                    paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                    "animation": "0",
                    "multicanvas": 0,
                    BaseFont: "sans-serif",
                    baseFontSize: "11",
                    legendItemFont: "sans-serif",
                    legendItemFontColor: "#a9a9a9",
                    },
                    "caption": {
                    "text": "Importaciones (CIF)"
                    },
                    "subcaption": {
                    "text": "(millones de d\u00f3lares)"
                    },
                    series: "Area",
                    yaxis: [
                            {
                            plot: [
                                {
                                value: "Valor",
                                type: "column"
                                }
                            ],
                            title: "Millones de d\u00f3lares",
                            "format": {
                                defaultFormat: 0
                                //formatNumberScale:0
                            }
                            }
                        ],
                        "xaxis":{
                            initialinterval:{
                            from: "Jan/2023",
                            to: "Dec/2025"
                            }
                        }
                };
                dataSource.data = dataStore.createDataTable(dataImp, schema);
                new FusionCharts({
                    type: 'timeseries',
                    renderAt: 'imp',
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                }).render();
                //cargandoDatos2(1,"chart_imp");
                if(sig == 1){
                    GraficoBalPag(1);
                }
            }

            function GraficoBalPag(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_balpag");
                    $("#chart_balpag").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "Cuenta financiera",
                        "type": "number"
                },
                {
                        "name": "Cuenta corriente mas cuenta capital",
                        "type": "number"
                },
                {
                        "name": "Cuenta corriente porcentaje del PIB (derecha)",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "Balanza de pagos"
                    },
                    subcaption: {
                        text: "(saldo trimestral en millones de dolares, puntos porcentuales)"
                    },
                    yaxis: [
                        {
                        plot: [
                            {
                            value: "Cuenta financiera",
                            connectnulldata: true,
                            type: "line"
                            },
                            {
                            value: "Cuenta corriente mas cuenta capital",
                            connectnulldata: true,
                            type: "line"
                            }
                        ],
                        title: "Millones de d\u00F3lares",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        },
                        {
                        plot: [
                            {
                            value: "Cuenta corriente porcentaje del PIB (derecha)",
                            connectnulldata: true,
                            type: "line"
                            }
                        ],
                        title: "Puntos porcentuales",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    //console.log(dataBal);
                    dataSource.data = dataStore.createDataTable(dataBal,schema);
                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "balpag",
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_balpag");
                if(sig == 1){
                    GraficoIED(1);
                }
            }

            function GraficoIED(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_ied");
                    $("#chart_ied").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "FBKF",
                        "type": "number"
                },
                {
                        "name": "Cuenta Corriente",
                        "type": "number"
                },
                {
                        "name": "IED",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "Cuenta corriente e inversi\u00F3n extranjera directa (IED)"
                    },
                    subcaption: {
                        text: "(acumulado en un a\u00F1o m\u00F3vil, porcentajes PIB)"
                    },
                    yaxis: [
                        {
                        plot: [
                            {
                            value: "FBKF",
                            type: "line"
                            },
                            {
                            value: "Cuenta Corriente",
                            type: "column"
                            },
                            {
                            value: "IED",
                            type: "line"
                            }
                        ],
                        title: "Porcentaje"
                        },
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    dataSource.data = dataStore.createDataTable(dataIED, schema);

                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "ied",
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_ied");
                if(sig == 1){
                    GraficoIndices(1);
                }
            }

            function GraficoIndices(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_indices");
                    $("#chart_indices").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "TCO (pesos por dolar) (eje derecho)",
                        "type": "number"
                },
                {
                        "name": "TCM-5 (2 de enero 1998=100)",
                        "type": "number"
                },
                {
                        "name": "TCM (2 de enero 1998=100)",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "\u00CDndices de tipo de cambio"
                    },
                    yaxis: [

                        {
                        plot: [
                            {
                            value: "TCM (2 de enero 1998=100)",
                            type: "line"
                            },
                            {
                            value: "TCM-5 (2 de enero 1998=100)",
                            type: "line"
                            }
                        ],
                        title:"",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        },
                        {
                        plot: [
                            {
                            value: "TCO (pesos por dolar) (eje derecho)",
                            type: "line"
                            }
                        ],
                        title:"Pesos por d\u00F3lar",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    //console.log(dataBal);
                    dataSource.data = dataStore.createDataTable(dataIndices,schema);
                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "indcam",
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_indices");
                if(sig == 1){
                    GraficoPIBsoc(1);
                }
            }

            function GraficoPIBsoc(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_pibsoc");
                    $("#chart_pibsoc").html('<div class="loading-spinner"></div>');
                }
                var dataStore = new FusionCharts.DataStore();
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "PIB socios comerciales",
                        "type": "number"
                }
                ]
                new FusionCharts({
                    type: 'timeseries',
                    renderAt: 'pibsoc',
                    width: "100%",
                    height: "50%",
                    dataSource: {
                    "extensions": {
                    "customRangeSelector": {
                        style: {
                                "title-text": {
                                    fill: "#808080"
                                },
                                "title-icon": {
                                    fill: "#808080"
                                },
                                "title-text:hover": {
                                    background: "#000000",
                                    fill: "#434456"
                                },
                                "title-icon:hover": {
                                    fill: "#434456"
                                },
                                "button-apply": {
                                    "background-color": "#E7E7E7",
                                    "border-color": "#000000",
                                    "font-size": "8",
                                    width: "50",
                                    height: "18"
                                },
                                "button-cancel": {
                                    "background-color": "#EBEBEB",
                                    "border-color": "#000000",
                                    "font-size": "8",
                                    width: "50",
                                    height: "18"
                                },
                                container: {
                                    "background-color": "#E6E6E6"
                                },
                                "cal-header": {
                                    "background-color": "#ECECEC",
                                    color: "#434456"
                                },
                                "cal-body": {
                                    color: "#000000",
                                    "background-color": "#000000"
                                },
                                "cal-body:hover": {
                                    color: "#000000"
                                },
                                "cal-days:hover": {
                                    fill: "#FF0000"
                                },
                                "cal-activedate:hover": {
                                    "background-color": "#2874A6",
                                    fill: "#FFFFFF"
                                },
                                "cal-activedate": {
                                    "background-color": "#E6E4E4"
                                },
                                "cal-selecteddate": {
                                    "background-color": "#2874A6"
                                }
                                }
                        }
                    },
                        "chart": {
                            paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                            "animation": "0",
                            "multicanvas": 0,
                            BaseFont: "sans-serif",
                            baseFontSize: "11",
                            legendItemFont: "sans-serif",
                            legendItemFontColor: "#a9a9a9",
                        },
                        "caption": {
                            "text": "PIB socios comerciales"
                        },
                        "subcaption": {
                            "text": "(porcentaje)"
                        },
                        "yAxis": [{
                            plot: {
                            value: "PIB socios comerciales",
                            type: 'line'
                            },
                            title: "Porcentaje"
                        }],
                        "xaxis":{
                            initialinterval:{
                            from: "Jan/2023",
                            to: "Dec/2025"
                            }
                        },
                        data: dataStore.createDataTable(dataPIBsoc, schema)
                        }
                }).render();
                //cargandoDatos2(1,"chart_pibsoc");
                if(sig == 1){
                    GraficoPmp(1);
                }
            }

            function GraficoPmp(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_pmp");
                    $("#chart_pmp").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "Cobre refinado BML",
                        "type": "number"
                },
                {
                        "name": "Petroleo WTI (derecha)",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "Precios Materias Primas"
                    },
                    subcaption: {
                        text: "(US$/lb, US$/barril)"
                    },
                    yaxis: [
                        {
                        plot: [
                            {
                            value: "Cobre refinado BML",
                            connectnulldata: true,
                            type: "line"
                            }
                        ],
                        title:"US$/lb"
                        },
                        {
                        plot: [
                            {
                            value: "Petroleo WTI (derecha)",
                            connectnulldata: true,
                            type: "line"
                            }
                        ],
                        title:"US$/barril"
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    dataSource.data = dataStore.createDataTable(dataPmp, schema);

                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "pmp",
                    width: "100%",
                    height: "50%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_pmp");
                // if(sig == 1){
                //   GraficoBalPag(1)
                // }
            }

        });
    </script>
    <script src="{{asset('js\vendor\dataTables.natural.js')}}"></script>
    <script src="{{asset('js\economics\dataExp.js')}}"></script>
    <script src="{{asset('js\economics\dataImp.js')}}"></script>
    <script src="{{asset('js\economics\dataBal.js')}}"></script>
    <script src="{{asset('js\economics\dataIED.js')}}"></script>
    <script src="{{asset('js\economics\dataIndices.js')}}"></script>
    <script src="{{asset('js\economics\dataPmp.js')}}"></script>
    <script src="{{asset('js\economics\dataPIBsoc.js')}}"></script>
@endsection