{"id":685,"date":"2021-02-23T12:10:37","date_gmt":"2021-02-23T12:10:37","guid":{"rendered":"https:\/\/laxvest.com\/?page_id=685"},"modified":"2021-02-25T16:03:56","modified_gmt":"2021-02-25T16:03:56","slug":"pruebas","status":"publish","type":"page","link":"https:\/\/laxvest.com\/index.php\/pruebas\/","title":{"rendered":"Pruebas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"685\" class=\"elementor elementor-685\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-83a2fa6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"83a2fa6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fef258\" data-id=\"4fef258\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c740e93 elementor-widget elementor-widget-html\" data-id=\"c740e93\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/2.8.0\/Chart.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/5.7.0\/d3.min.js\"><\/script>\r\n\r\n<canvas id=\"stocksPortfolioPerformaceChart\"><\/canvas>\r\n\r\n<button id=\"button_1M\">1M<\/button>\r\n<button id=\"button_6M\">6M<\/button>\r\n<button id=\"button_YTD\">YTD<\/button>\r\n<button id=\"button_1Y\">1Y<\/button>\r\n<button id=\"button_Max\">Max<\/button>\r\n\r\n<script>\r\n    \/\/ Draw the initial chart\r\n    var kstocksPortfolioPerformaceChartCanvas = $(\"#stocksPortfolioPerformaceChart\")[0].getContext('2d');\r\n    var stocks_portfolio_performace_chart = new Chart(kstocksPortfolioPerformaceChartCanvas, {\r\n      type: \"line\",\r\n      \r\n      options: {\r\n        maintainAspectRatio: true,\r\n        legend: {\r\n          display: true\r\n        }\r\n      },\r\n      \r\n      data: {\r\n      }\r\n    });\r\n\r\n    function makeChart(stocks_portfolio_performance) { \r\n\r\n      var dateLabels = stocks_portfolio_performance.map(function(d) {\r\n        return d.Date;\r\n      });\r\n      var portfolioData = stocks_portfolio_performance.map(function(d) {\r\n        return d.Portfolio;\r\n      });\r\n      var msciWorldData = stocks_portfolio_performance.map(function(d) {\r\n        return d.MsciWorld;\r\n      });\r\n\r\n      \r\n      stocks_portfolio_performace_chart[\"config\"][\"data\"][\"labels\"] = dateLabels; \/\/<--- THIS WORKS!\r\n      stocks_portfolio_performace_chart[\"config\"][\"data\"][\"datasets\"] = [\r\n          {\r\n              label: 'Cartera',\r\n              backgroundColor: 'rgb(255, 99, 132)',\r\n              borderColor: 'rgb(255, 99, 132)',\r\n              fill: false,\r\n              data: portfolioData\r\n          },\r\n          {\r\n              label: 'Msci World',\r\n              backgroundColor: 'rgb(54, 162, 235)',\r\n              borderColor: 'rgb(40, 99, 132)',\r\n              fill: false,\r\n              data: msciWorldData\r\n          }\r\n        ]; \/\/<--- THIS WORKS!\r\n\r\n        stocks_portfolio_performace_chart.update();\r\n    }\r\n\r\n  function ResetButtons() { \r\n    document.getElementById('button_1M').style.color = \"white\";\r\n    document.getElementById('button_6M').style.color = \"white\";\r\n    document.getElementById('button_YTD').style.color = \"white\";\r\n    document.getElementById('button_1Y').style.color = \"white\";\r\n    document.getElementById('button_Max').style.color = \"white\";\r\n\r\n\r\n  }\r\n\r\n  var randomnumberChart = Math.random();\r\n\r\n  \/\/ Request data using D3\r\n  document.getElementById('button_Max').style.color = \"black\";\r\n  d3\r\n    .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_Max.csv?rand=\" + randomnumberChart)\r\n    .then(makeChart);\r\n\r\n  \/\/Buttons\r\n  document.getElementById('button_1M').addEventListener('click', function() {\r\n    ResetButtons();\r\n    document.getElementById('button_1M').style.color = \"black\";\r\n    d3\r\n      .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_1M.csv?rand=\" + randomnumberChart)\r\n      .then(makeChart);\r\n  });\r\n\r\n  document.getElementById('button_6M').addEventListener('click', function() {\r\n    ResetButtons();\r\n    document.getElementById('button_6M').style.color = \"black\";\r\n    d3\r\n      .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_6M.csv?rand=\" + randomnumberChart)\r\n      .then(makeChart);\r\n  });\r\n\r\n  document.getElementById('button_YTD').addEventListener('click', function() {\r\n    ResetButtons();\r\n    document.getElementById('button_YTD').style.color = \"black\";\r\n    d3\r\n      .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_YTD.csv?rand=\" + randomnumberChart)\r\n      .then(makeChart);\r\n  });\r\n\r\n  document.getElementById('button_1Y').addEventListener('click', function() {\r\n    ResetButtons();\r\n    document.getElementById('button_1Y').style.color = \"black\";\r\n    d3\r\n      .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_1Y.csv?rand=\" + randomnumberChart)\r\n      .then(makeChart);\r\n  });\r\n\r\n  document.getElementById('button_Max').addEventListener('click', function() {\r\n    ResetButtons();\r\n    document.getElementById('button_Max').style.color = \"black\";\r\n    d3\r\n      .csv(\"https:\/\/laxvest.com\/wp-content\/uploads\/llc\/stocks_portfolio_performance_Max.csv?rand=\" + randomnumberChart)\r\n      .then(makeChart);\r\n  });\r\n<\/script>  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1M 6M YTD 1Y Max<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/pages\/685"}],"collection":[{"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/comments?post=685"}],"version-history":[{"count":39,"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/pages\/685\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/pages\/685\/revisions\/736"}],"wp:attachment":[{"href":"https:\/\/laxvest.com\/index.php\/wp-json\/wp\/v2\/media?parent=685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}