{"id":590,"date":"2019-10-14T05:57:25","date_gmt":"2019-10-14T05:57:25","guid":{"rendered":"https:\/\/niche-demo-events.cdn-alpha.com\/?page_id=590"},"modified":"2020-03-20T11:53:24","modified_gmt":"2020-03-20T11:53:24","slug":"chart-element","status":"publish","type":"page","link":"https:\/\/nicheaddons.com\/demos\/events\/elements\/chart-element\/","title":{"rendered":"Chart Element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"590\" class=\"elementor elementor-590\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b4089ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4089ce\" 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-9c93bbd\" data-id=\"9c93bbd\" 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-a2186f1 elementor-widget elementor-widget-heading\" data-id=\"a2186f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bar Chart<\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-93a9575 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"93a9575\" 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-2777e62\" data-id=\"2777e62\" 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-419489e elementor-widget elementor-widget-naevents_basic_chart\" data-id=\"419489e\" data-element_type=\"widget\" data-widget_type=\"naevents_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"naeep-chart \"><canvas id=\"chart_69d7eb2da1948\" ><\/canvas><\/div>\t\t\t\r\n\t\t\t<script type=\"text\/javascript\">\r\n\r\n\t\t    jQuery(document).ready(function($) {\r\n\t\t    \t\r\n\t\t      \/\/ Global configs\r\n\t\t      Chart.defaults.global.responsive = true;\r\n\t\t      Chart.defaults.global.maintainAspectRatio = false;\r\n\t\t      Chart.defaults.global.legend.display = false;\r\n\t\t      Chart.defaults.global.legend.position = \"\";\r\n\t\t      Chart.defaults.global.tooltips.backgroundColor = 'rgba(35,35,35,0.9)';\r\n\t\t      Chart.defaults.global.tooltips.bodyFontSize = 13;\r\n\t\t      Chart.defaults.global.tooltips.bodyFontStyle = 'bold';\r\n\t\t      Chart.defaults.global.tooltips.yPadding = 13;\r\n\t\t      Chart.defaults.global.tooltips.xPadding = 10;\r\n\t\t      Chart.defaults.doughnut.cutoutPercentage = 60;\r\n\r\n\t\t      \/\/ Line Chart\r\n\t\t      var chart_69d7eb2da1948 = document.getElementById(\"chart_69d7eb2da1948\").getContext(\"2d\");\r\n\r\n\t\t      var chart_69d7eb2da1948_myChart = new Chart(chart_69d7eb2da1948, {\r\n\t\t        type: 'bar',\r\n\t\t        \t\t          data: {\"labels\":[\"January\",\" February\",\" March\",\" April\",\" May\",\" June\"],\"datasets\":[{\"label\":\"One\",\"data\":[\"20\",\" 90\",\" 75\",\" 40\",\" 60\",\" 33\"],\"borderColor\":\"#ea4335\",\"pointBorderColor\":\"#ea4335\",\"pointBackgroundColor\":\"#ffffff\",\"backgroundColor\":\"rgba(234,67,53,0.5)\",\"borderWidth\":1,\"pointBorderWidth\":2,\"pointRadius\":4,\"pointHoverRadius\":4},{\"label\":\"Two\",\"data\":[\"20\",\" 50\",\" 35\",\" 80\",\" 20\",\" 95\"],\"borderColor\":\"#4285f4\",\"pointBorderColor\":\"#4285f4\",\"pointBackgroundColor\":\"#ffffff\",\"backgroundColor\":\"rgba(66,133,244,0.5)\",\"borderWidth\":1,\"pointBorderWidth\":2,\"pointRadius\":4,\"pointHoverRadius\":4},{\"label\":\"Three\",\"data\":[\"50\",\" 20\",\" 95\",\" 60\",\" 40\",\" 20\"],\"borderColor\":\"#fbbc05\",\"pointBorderColor\":\"#fbbc05\",\"pointBackgroundColor\":\"#ffffff\",\"backgroundColor\":\"rgba(251,188,5,0.5)\",\"borderWidth\":1,\"pointBorderWidth\":2,\"pointRadius\":4,\"pointHoverRadius\":4},{\"label\":\"Four\",\"data\":[\"90\",\" 70\",\" 25\",\" 90\",\" 30\",\" 50\"],\"borderColor\":\"#34a853\",\"pointBorderColor\":\"#34a853\",\"pointBackgroundColor\":\"#ffffff\",\"backgroundColor\":\"rgba(52,168,83,0.5)\",\"borderWidth\":1,\"pointBorderWidth\":2,\"pointRadius\":4,\"pointHoverRadius\":4}]},\r\n\t\t        \t\t        options: {\r\n\t\t        responsive: true,\r\n\t\t          scales: {\r\n\t\t            yAxes: [{\r\n\t\t              \t\t              ticks: {\r\n\t\t                max: 100,\r\n\t\t                min: 20,\r\n\t\t                stepSize: 20,\r\n\t\t                stacked: true,\r\n\t\t              },\r\n\t\t              \t\t            }],\r\n\t\t            xAxes: [{\r\n\t\t              \t\t            }],\r\n\t\t          }\r\n\t\t        }\r\n\t\t        \t\t      });\r\n\r\n\t\t    });\r\n\t\t  <\/script>\r\n\t\t\t\r\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-249dcfe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"249dcfe\" 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-d517336\" data-id=\"d517336\" 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-b375f68 elementor-widget elementor-widget-heading\" data-id=\"b375f68\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pie Chart<\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa5c113 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fa5c113\" 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-b35491f\" data-id=\"b35491f\" 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-77a65a7 elementor-widget elementor-widget-naevents_basic_chart\" data-id=\"77a65a7\" data-element_type=\"widget\" data-widget_type=\"naevents_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"naeep-chart \"><canvas id=\"chart_69d7eb2da1eee\" ><\/canvas><\/div>\t\t\t\r\n\t\t\t<script type=\"text\/javascript\">\r\n\r\n\t\t    jQuery(document).ready(function($) {\r\n\t\t    \t\r\n\t\t      \/\/ Global configs\r\n\t\t      Chart.defaults.global.responsive = true;\r\n\t\t      Chart.defaults.global.maintainAspectRatio = false;\r\n\t\t      Chart.defaults.global.legend.display = false;\r\n\t\t      Chart.defaults.global.legend.position = \"\";\r\n\t\t      Chart.defaults.global.tooltips.backgroundColor = 'rgba(35,35,35,0.9)';\r\n\t\t      Chart.defaults.global.tooltips.bodyFontSize = 13;\r\n\t\t      Chart.defaults.global.tooltips.bodyFontStyle = 'bold';\r\n\t\t      Chart.defaults.global.tooltips.yPadding = 13;\r\n\t\t      Chart.defaults.global.tooltips.xPadding = 10;\r\n\t\t      Chart.defaults.doughnut.cutoutPercentage = 60;\r\n\r\n\t\t      \/\/ Line Chart\r\n\t\t      var chart_69d7eb2da1eee = document.getElementById(\"chart_69d7eb2da1eee\").getContext(\"2d\");\r\n\r\n\t\t      var chart_69d7eb2da1eee_myChart = new Chart(chart_69d7eb2da1eee, {\r\n\t\t        type: 'pie',\r\n\t\t        \t\t          data: {\r\n\t\t            labels: [\r\n\t\t              \t\t              \"Red\",\r\n\t\t              \t\t              \"Blue\",\r\n\t\t              \t\t              \"Yellow\",\r\n\t\t              \t\t              \"Green\",\r\n\t\t              \t\t            ],\r\n\t\t            datasets: [\r\n\t\t              {\r\n\t\t                data: [\r\n\t\t                  \t\t                  35,\r\n\t\t                  \t\t                  45,\r\n\t\t                  \t\t                  50,\r\n\t\t                  \t\t                  15,\r\n\t\t                  \t\t                ],\r\n\t\t                backgroundColor: [\r\n\t\t                  \t\t                  \"#ea4335\",\r\n\t\t                  \t\t                  \"#4285f4\",\r\n\t\t                  \t\t                  \"#fbbc05\",\r\n\t\t                  \t\t                  \"#34a853\",\r\n\t\t                  \t\t                ],\r\n\t\t                borderWidth: [4, 4, 4]\r\n\t\t              }\r\n\t\t            ]\r\n\t\t          },\r\n\t\t        \t\t      });\r\n\r\n\t\t    });\r\n\t\t  <\/script>\r\n\t\t\t\r\n\t\t\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>Bar Chart Pie Chart<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":737,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/pages\/590"}],"collection":[{"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/comments?post=590"}],"version-history":[{"count":4,"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/pages\/590\/revisions"}],"predecessor-version":[{"id":805,"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/pages\/590\/revisions\/805"}],"up":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/pages\/737"}],"wp:attachment":[{"href":"https:\/\/nicheaddons.com\/demos\/events\/wp-json\/wp\/v2\/media?parent=590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}