{"id":517,"date":"2021-03-27T07:48:23","date_gmt":"2021-03-27T07:48:23","guid":{"rendered":"http:\/\/tpc.nmma.co\/?page_id=517"},"modified":"2021-10-11T01:12:55","modified_gmt":"2021-10-11T01:12:55","slug":"%d0%b3%d1%8d%d1%80%d1%8d%d1%8d%d0%bd%d0%b8%d0%b9-%d1%85%d1%8d%d1%80%d1%8d%d0%b3%d0%b6%d0%b8%d0%bb%d1%82%d0%b8%d0%b9%d0%bd-%d0%b3%d1%80%d0%b0%d1%84%d0%b8%d0%ba","status":"publish","type":"page","link":"https:\/\/tpc.mn\/en\/%d0%b3%d1%8d%d1%80%d1%8d%d1%8d%d0%bd%d0%b8%d0%b9-%d1%85%d1%8d%d1%80%d1%8d%d0%b3%d0%b6%d0%b8%d0%bb%d1%82%d0%b8%d0%b9%d0%bd-%d0%b3%d1%80%d0%b0%d1%84%d0%b8%d0%ba\/","title":{"rendered":"Infographic on the Agreement Implementation"},"content":{"rendered":"<div class=\"graphic_pack\">\n    <div class=\"list\">\n        <div class=\"chart\" id=\"pg-chart1\"><\/div>\n        <div class=\"chart\" id=\"pg-chart2\"><\/div>\n        <div class=\"chart\" id=\"pg-chart3\"><\/div>\n        <div class=\"chart\" id=\"pg-chart4\"><\/div>\n        <div class=\"chart\" id=\"pg-chart5\"><\/div>\n    <\/div>\n    <div class=\"list big\">\n        <div class=\"chart\" id=\"pg-chart6\"><\/div>\n        <div class=\"chart\" id=\"pg-chart7\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n    var pg_options1 = {\n        series: [97],\n        fill: {\n            colors: ['#F44336']\n        },\n        chart: {\n            height: 250,\n            type: 'radialBar'\n        },\n        plotOptions: {\n            radialBar: {\n                hollow: {\n                    size: '70%'\n                },\n                dataLabels: {\n                    showOn: \"always\",\n                    name: {\n                        offsetY: 30,\n                        show: true,\n                        color: \"#888\",\n                        fontSize: \"14px\",\n\n                    },\n                    value: {\n                        offsetY: -20,\n                        color: \"#111\",\n                        fontSize: \"28px\",\n                        show: true\n                    }\n                }\n            }\n        },\n        labels: ['\u041d\u04e9\u0445\u04e9\u0445 \u043e\u043b\u0433\u043e\u0432\u043e\u0440']\n    };\n    var pg_options2 = {\n        series: [82],\n        fill: {\n            colors: ['#3aa23a']\n        },\n        chart: {\n            height: 250,\n            type: 'radialBar'\n        },\n        plotOptions: {\n            radialBar: {\n                hollow: {\n                    size: '70%'\n                },\n                dataLabels: {\n                    showOn: \"always\",\n                    name: {\n                        offsetY: 30,\n                        show: true,\n                        color: \"#888\",\n                        fontSize: \"14px\",\n\n                    },\n                    value: {\n                        offsetY: -20,\n                        color: \"#111\",\n                        fontSize: \"28px\",\n                        show: true\n                    }\n                }\n            }\n        },\n        labels: ['\u0423\u043d\u0434\u0430\u0439 \u0433\u043e\u043b']\n    };\n    var pg_options3 = {\n        series: [76],\n        fill: {\n            colors: ['#ffa500']\n        },\n        chart: {\n            height: 250,\n            type: 'radialBar'\n        },\n        plotOptions: {\n            radialBar: {\n                hollow: {\n                    size: '70%'\n                },\n                dataLabels: {\n                    showOn: \"always\",\n                    name: {\n                        offsetY: 30,\n                        show: true,\n                        color: \"#888\",\n                        fontSize: \"14px\",\n\n                    },\n                    value: {\n                        offsetY: -20,\n                        color: \"#111\",\n                        fontSize: \"28px\",\n                        show: true\n                    }\n                }\n            }\n        },\n        labels: ['\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433']\n    };\n    var pg_options4 = {\n        series: [69],\n        fill: {\n            colors: ['#0ff']\n        },\n        chart: {\n            height: 250,\n            type: 'radialBar'\n        },\n        plotOptions: {\n            radialBar: {\n                hollow: {\n                    size: '70%'\n                },\n                dataLabels: {\n                    showOn: \"always\",\n                    name: {\n                        offsetY: 30,\n                        show: true,\n                        color: \"#888\",\n                        fontSize: \"14px\",\n\n                    },\n                    value: {\n                        offsetY: -20,\n                        color: \"#111\",\n                        fontSize: \"28px\",\n                        show: true\n                    }\n                }\n            }\n        },\n        labels: ['\u0411\u044d\u043b\u0447\u044d\u044d\u0440']\n    };\n    var pg_options5 = {\n        series: [61],\n        fill: {\n            colors: ['#8e2020']\n        },\n        chart: {\n            height: 250,\n            type: 'radialBar'\n        },\n        plotOptions: {\n            radialBar: {\n                hollow: {\n                    size: '70%'\n                },\n                dataLabels: {\n                    showOn: \"always\",\n                    name: {\n                        offsetY: 30,\n                        show: true,\n                        color: \"#888\",\n                        fontSize: \"14px\",\n\n                    },\n                    value: {\n                        offsetY: -20,\n                        color: \"#111\",\n                        fontSize: \"28px\",\n                        show: true\n                    }\n                }\n            }\n        },\n        labels: ['\u0423\u0441']\n    };\n\n    var pgchart1 = new ApexCharts(document.querySelector(\"#pg-chart1\"), pg_options1);\n\n    var pgchart2 = new ApexCharts(document.querySelector(\"#pg-chart2\"), pg_options2);\n\n    var pgchart3 = new ApexCharts(document.querySelector(\"#pg-chart3\"), pg_options3);\n\n    var pgchart4 = new ApexCharts(document.querySelector(\"#pg-chart4\"), pg_options4);\n\n    var pgchart5 = new ApexCharts(document.querySelector(\"#pg-chart5\"), pg_options5);\n\n    \/\/BIG\n    var pg_options6 = {\n        chart: {\n            type: \"donut\"\n        },\n        plotOptions: {\n            pie: {\n                donut: {\n                    labels: {\n                        show: true,\n                        name: {\n                            show: true,\n                            fontSize: '22px',\n                            color: '#dfsda',\n                            offsetY: -10\n                        },\n                        value: {\n                            show: true,\n                            fontSize: '16px',\n                            offsetY: 16,\n                            formatter: function(val) {\n                                return val + '%'\n                            }\n                        },\n                        total: {\n                            show: true,\n                            label: '\u0413\u044d\u0440\u044d\u044d \u21161',\n                            color: '#373d3f',\n                            fontSize: '23px',\n                            formatter: function(w) {\n                                return w.globals.seriesTotals.reduce((a, b) => {\n                                    return '\u0411\u0438\u0435\u043b\u044d\u043b\u0442\u0438\u0439\u043d \u0445\u0443\u0432\u044c'\n                                }, 0)\n                            }\n                        }\n                    }\n                }\n            }\n        },\n        series: [87, 95, 100, 100, 100, 100, 100, 100],\n        labels: ['\u0413\u0422\u0417', '\u0413\u0422\u0417', '\u041e\u0422', '\u041d\u0425\u043e\u0440\u043e\u043e ', '\u0413\u0422\u0417', '\u041e\u0422', '\u041e\u0422', '\u0413\u0422\u0417'],\n        tooltip: {\n            enabled: true,\n            y: {\n                formatter: function(val) {\n                    return val\n                },\n                title: {\n                    formatter: function(seriesName) {\n                        return ''\n                    }\n                }\n            }\n        },\n        legend: {\n            show: false\n        }\n    };\n    var pg_options7 = {\n        chart: {\n            type: \"donut\"\n        },\n        plotOptions: {\n            pie: {\n                donut: {\n                    labels: {\n                        show: true,\n                        name: {\n                            show: true,\n                            fontSize: '22px',\n                            color: '#dfsda',\n                            offsetY: -10\n                        },\n                        value: {\n                            show: true,\n                            fontSize: '16px',\n                            offsetY: 16,\n                            formatter: function(val) {\n                                return val + ' \u0430\u0436\u0438\u043b\u0447\u0434\u044b\u043d \u0442\u043e\u043e'\n                            }\n                        },\n                        total: {\n                            show: true,\n                            label: '\u0413\u044d\u0440\u044d\u044d \u21162',\n                            color: '#373d3f',\n                            fontSize: '23px',\n                            formatter: function(w) {\n                                return w.globals.seriesTotals.reduce((a, b) => {\n                                    return ' \u0431\u0438\u0435\u043b\u044d\u043b\u0442\u0438\u0439\u043d \u0445\u0443\u0432\u044c'\n                                }, 0)\n                            }\n                        }\n                    }\n                }\n            }\n        },\n        series: [32.4, 67.6],\n        labels: ['\u0411\u0438\u0435\u043b\u0441\u044d\u043d', '\u0425\u044d\u0440\u044d\u0433\u0436\u0438\u0436 \u0431\u0430\u0439\u0433\u0430\u0430'],\n        tooltip: {\n            enabled: true,\n            y: {\n                formatter: function(val) {\n                    return val\n                },\n                title: {\n                    formatter: function(seriesName) {\n                        return ' \u0430\u0436\u0438\u043b\u0447\u0434\u044b\u043d \u0442\u043e\u043e'\n                    }\n                }\n            }\n        },\n        legend: {\n            show: false\n        }\n    };\n\n    var pgchart6 = new ApexCharts(document.querySelector(\"#pg-chart6\"), pg_options6);\n\n    var pgchart7 = new ApexCharts(document.querySelector(\"#pg-chart7\"), pg_options7);\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-517","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/pages\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":11,"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/pages\/517\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/pages\/517\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/tpc.mn\/en\/wp-json\/wp\/v2\/media?parent=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}