{"id":3445,"date":"2026-06-12T09:02:05","date_gmt":"2026-06-12T09:02:05","guid":{"rendered":"https:\/\/ifrc.vn\/?p=3445"},"modified":"2026-06-12T09:02:05","modified_gmt":"2026-06-12T09:02:05","slug":"fund-comparison","status":"publish","type":"post","link":"https:\/\/ifrc.vn\/index.php\/fund-comparison\/","title":{"rendered":"Fund Comparison"},"content":{"rendered":"<div id=\"chart-container-3141\" style=\"width: 1000px; height: 1000px;\"><\/div>\r\n        <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            var chartContainer = document.getElementById(\"chart-container-3141\");\r\n            var chart = echarts.init(chartContainer);\r\n            var options = option = {\r\nbackgroundColor: '#ffffff',\r\ntitle: {\r\ntext: 'PERFORMANCE COMPARISON IN 12 MONTHS',\r\nsubtext: 'Protective Fund vs VN30 Index',\r\nleft: 'center',\r\ntop: 10,\r\ntextStyle: {\r\ncolor: '#0000FF', \/\/ Blue main title\r\nfontWeight: 'bold',\r\nfontSize: 18,\r\nfontFamily: 'Arial, sans-serif'\r\n},\r\nsubtextStyle: {\r\ncolor: '#FF0000', \/\/ Red subtitle\r\nfontWeight: 'bold',\r\nfontSize: 16,\r\nfontFamily: 'Arial, sans-serif'\r\n}\r\n},\r\ntooltip: {\r\ntrigger: 'axis',\r\naxisPointer: {\r\ntype: 'shadow'\r\n}\r\n},\r\nlegend: {\r\ndata: ['Protective Fund', 'VN30 Index'],\r\nbottom: 20,\r\nleft: 'center',\r\nicon: 'roundRect',\r\nitemWidth: 20,\r\nitemHeight: 14,\r\ntextStyle: {\r\nfontFamily: 'Arial, sans-serif',\r\nfontSize: 12\r\n}\r\n},\r\ngrid: {\r\nleft: '5%',\r\nright: '5%',\r\ntop: '15%',\r\nbottom: '12%',\r\ncontainLabel: true\r\n},\r\nxAxis: [\r\n{\r\ntype: 'category',\r\nname: 'Month',\r\nnameLocation: 'middle',\r\nnameGap: 35,\r\nnameTextStyle: {\r\nfontWeight: 'bold',\r\nfontSize: 13,\r\ncolor: '#000000'\r\n},\r\naxisTick: { show: false },\r\naxisLine: {\r\nonZero: true, \/\/ Crucial for drawing the line at 0%\r\nlineStyle: {\r\ncolor: '#000000',\r\nwidth: 2\r\n}\r\n},\r\naxisLabel: {\r\ncolor: '#000000',\r\nfontWeight: 'bold',\r\nmargin: 15,\r\nfontFamily: 'Arial, sans-serif'\r\n},\r\ndata: [\r\n'06\/2025', '07\/2025', '08\/2025', '09\/2025', '10\/2025', '11\/2025',\r\n'12\/2025', '01\/2026', '02\/2026', '03\/2026', '04\/2026', '05\/2026'\r\n]\r\n}\r\n],\r\nyAxis: [\r\n{\r\ntype: 'value',\r\nname: 'Performance (%)',\r\nnameLocation: 'middle',\r\nnameGap: 40,\r\nnameTextStyle: {\r\nfontWeight: 'bold',\r\nfontSize: 13,\r\ncolor: '#000000'\r\n},\r\nmin: -15,\r\nmax: 15,\r\ninterval: 10,\r\naxisLabel: {\r\nformatter: '{value}%',\r\ncolor: '#000000',\r\nfontWeight: 'bold'\r\n},\r\nsplitLine: {\r\nshow: true,\r\nlineStyle: {\r\ncolor: '#E0E0E0',\r\ntype: 'solid'\r\n}\r\n}\r\n}\r\n],\r\nseries: [\r\n{\r\nname: 'Protective Fund',\r\ntype: 'bar',\r\nbarGap: '10%', \/\/ Adjust spacing between bars within the same month\r\nitemStyle: {\r\ncolor: '#1A4D62' \/\/ Deep Blue-Green\/Teal color\r\n},\r\nlabel: {\r\nshow: true,\r\nposition: 'top', \/\/ Will automatically flip to bottom if negative\r\nformatter: '{c}%',\r\ncolor: '#000000',\r\nfontWeight: 'bold',\r\nfontFamily: 'Arial, sans-serif'\r\n},\r\ndata: [4.5, 11.7, 15.2, 10.6, 2.6, 6.0, 5.3, 2.0, 2.3, 5.4, 14.3, 1.0]\r\n},\r\n{\r\nname: 'VN30 Index',\r\ntype: 'bar',\r\nitemStyle: {\r\ncolor: '#FF7315' \/\/ Vibrant Orange color\r\n},\r\nlabel: {\r\nshow: true,\r\n\/\/ Using a function dynamically forces negative values below the bar\r\nposition: 'top',\r\nformatter: function (params) {\r\nreturn params.value + '%';\r\n},\r\ncolor: '#000000',\r\nfontWeight: 'bold',\r\nfontFamily: 'Arial, sans-serif'\r\n},\r\ndata: [3.8, 8.4, 14.7, -0.0, 1.6, 2.2, 5.6, 0.1, 1.6, -11.4, 10.2, -1.2]\r\n}\r\n]\r\n};;\r\n         \r\n            chart.setOption(options);\r\n\r\n            var newOpt = {\r\n                title:{\r\n                    text:\"\",\r\n                    subtext:\"\",\r\n                },\r\n                legend:{\r\n                 \r\n                 textStyle: {\r\n                    fontSize: 8,\r\n                  },\r\n                  type:\"scroll\",\r\n                }\r\n            }\r\n\r\n            chart.setOption(newOpt);\r\n        });\r\n        <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3445","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/posts\/3445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/comments?post=3445"}],"version-history":[{"count":3,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/posts\/3445\/revisions"}],"predecessor-version":[{"id":3448,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/posts\/3445\/revisions\/3448"}],"wp:attachment":[{"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=3445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/categories?post=3445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ifrc.vn\/index.php\/wp-json\/wp\/v2\/tags?post=3445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}