{"id":65,"date":"2020-06-03T07:08:50","date_gmt":"2020-06-03T07:08:50","guid":{"rendered":"https:\/\/niche-demo-primary.cdn-alpha.com\/?page_id=65"},"modified":"2020-06-05T09:24:39","modified_gmt":"2020-06-05T09:24:39","slug":"chart-element","status":"publish","type":"page","link":"https:\/\/nicheaddons.com\/demos\/primary\/elements\/chart-element\/","title":{"rendered":"Chart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-411cbd1a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"411cbd1a\" 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-1f50c468\" data-id=\"1f50c468\" 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-476a6efa elementor-widget elementor-widget-prim_basic_section_title\" data-id=\"476a6efa\" data-element_type=\"widget\" data-settings=\"{&quot;title_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;}}\" data-widget_type=\"prim_basic_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"napae-title-section\">\n\t\t\t\t<h3>Bar Chart<\/h3>\t\t\t<\/div>\n\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-1aeb07b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1aeb07b1\" 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-244c2422\" data-id=\"244c2422\" 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-4e171c5a elementor-widget elementor-widget-prim_basic_chart\" data-id=\"4e171c5a\" data-element_type=\"widget\" data-widget_type=\"prim_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eclt-chart \"><canvas id=\"chart_69e7ae15edd17\" ><\/canvas><\/div>\n\t\t\t<script type=\"text\/javascript\">\n\n\t\t    jQuery(document).ready(function($) {\n\t\t    \t\n\t\t      \/\/ Global configs\n\t\t      Chart.defaults.global.responsive = true;\n\t\t      Chart.defaults.global.maintainAspectRatio = false;\n\t\t      Chart.defaults.global.legend.display = false;\n\t\t      Chart.defaults.global.legend.position = \"\";\n\t\t      Chart.defaults.global.tooltips.backgroundColor = 'rgba(35,35,35,0.9)';\n\t\t      Chart.defaults.global.tooltips.bodyFontSize = 13;\n\t\t      Chart.defaults.global.tooltips.bodyFontStyle = 'bold';\n\t\t      Chart.defaults.global.tooltips.yPadding = 13;\n\t\t      Chart.defaults.global.tooltips.xPadding = 10;\n\t\t      Chart.defaults.doughnut.cutoutPercentage = 60;\n\n\t\t      \/\/ Line Chart\n\t\t      var chart_69e7ae15edd17 = document.getElementById(\"chart_69e7ae15edd17\").getContext(\"2d\");\n\n\t\t      var chart_69e7ae15edd17_myChart = new Chart(chart_69e7ae15edd17, {\n\t\t        type: 'bar',\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}]},\n\t\t        \t\t        options: {\n\t\t        responsive: true,\n\t\t          scales: {\n\t\t            yAxes: [{\n\t\t              \t\t              ticks: {\n\t\t                max: 100,\n\t\t                min: 20,\n\t\t                stepSize: 20,\n\t\t                stacked: true,\n\t\t              },\n\t\t              \t\t            }],\n\t\t            xAxes: [{\n\t\t              \t\t            }],\n\t\t          }\n\t\t        }\n\t\t        \t\t      });\n\n\t\t    });\n\t\t  <\/script>\n\n\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-36f97170 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36f97170\" 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-41bc7b40\" data-id=\"41bc7b40\" 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-365da08c elementor-widget elementor-widget-prim_basic_section_title\" data-id=\"365da08c\" data-element_type=\"widget\" data-settings=\"{&quot;title_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;}}\" data-widget_type=\"prim_basic_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"napae-title-section\">\n\t\t\t\t<h3>PIE Chart<\/h3>\t\t\t<\/div>\n\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-6a8bdce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a8bdce\" 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-79aa17a5\" data-id=\"79aa17a5\" 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-50fd19ea elementor-widget elementor-widget-prim_basic_chart\" data-id=\"50fd19ea\" data-element_type=\"widget\" data-widget_type=\"prim_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eclt-chart \"><canvas id=\"chart_69e7ae15ee869\" ><\/canvas><\/div>\n\t\t\t<script type=\"text\/javascript\">\n\n\t\t    jQuery(document).ready(function($) {\n\t\t    \t\n\t\t      \/\/ Global configs\n\t\t      Chart.defaults.global.responsive = true;\n\t\t      Chart.defaults.global.maintainAspectRatio = false;\n\t\t      Chart.defaults.global.legend.display = false;\n\t\t      Chart.defaults.global.legend.position = \"\";\n\t\t      Chart.defaults.global.tooltips.backgroundColor = 'rgba(35,35,35,0.9)';\n\t\t      Chart.defaults.global.tooltips.bodyFontSize = 13;\n\t\t      Chart.defaults.global.tooltips.bodyFontStyle = 'bold';\n\t\t      Chart.defaults.global.tooltips.yPadding = 13;\n\t\t      Chart.defaults.global.tooltips.xPadding = 10;\n\t\t      Chart.defaults.doughnut.cutoutPercentage = 60;\n\n\t\t      \/\/ Line Chart\n\t\t      var chart_69e7ae15ee869 = document.getElementById(\"chart_69e7ae15ee869\").getContext(\"2d\");\n\n\t\t      var chart_69e7ae15ee869_myChart = new Chart(chart_69e7ae15ee869, {\n\t\t        type: 'pie',\n\t\t        \t\t          data: {\n\t\t            labels: [\n\t\t              \t\t              \"Red\",\n\t\t              \t\t              \"Blue\",\n\t\t              \t\t              \"Yellow\",\n\t\t              \t\t              \"Green\",\n\t\t              \t\t            ],\n\t\t            datasets: [\n\t\t              {\n\t\t                data: [\n\t\t                  \t\t                  45,\n\t\t                  \t\t                  25,\n\t\t                  \t\t                  25,\n\t\t                  \t\t                  20,\n\t\t                  \t\t                ],\n\t\t                backgroundColor: [\n\t\t                  \t\t                  \"#ea4335\",\n\t\t                  \t\t                  \"#4285f4\",\n\t\t                  \t\t                  \"#fbbc05\",\n\t\t                  \t\t                  \"#34a853\",\n\t\t                  \t\t                ],\n\t\t                borderWidth: [4, 4, 4]\n\t\t              }\n\t\t            ]\n\t\t          },\n\t\t        \t\t      });\n\n\t\t    });\n\t\t  <\/script>\n\n\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":"Bar Chart PIE Chart","protected":false},"author":1,"featured_media":0,"parent":6,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page.php","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/pages\/65"}],"collection":[{"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":4,"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/pages\/65\/revisions\/240"}],"up":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/pages\/6"}],"wp:attachment":[{"href":"https:\/\/nicheaddons.com\/demos\/primary\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}