{"id":293,"date":"2019-12-21T07:14:34","date_gmt":"2019-12-21T07:14:34","guid":{"rendered":"https:\/\/niche-demo-medical.cdn-alpha.com\/?page_id=293"},"modified":"2020-01-09T05:29:40","modified_gmt":"2020-01-09T05:29:40","slug":"chart-element","status":"publish","type":"page","link":"https:\/\/nicheaddons.com\/demos\/medical\/elements\/chart-element\/","title":{"rendered":"Chart Element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"293\" class=\"elementor elementor-293\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a914c88 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a914c88\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\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-353f21b\" data-id=\"353f21b\" 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-8e8ee42 elementor-widget elementor-widget-heading\" data-id=\"8e8ee42\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bar Chart<\/h2>\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-28a1152 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28a1152\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\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-0e1dc95\" data-id=\"0e1dc95\" 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-50325ae elementor-widget elementor-widget-namedical_basic_chart\" data-id=\"50325ae\" data-element_type=\"widget\" data-widget_type=\"namedical_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eclt-chart \"><canvas id=\"chart_69e9318a2201d\" ><\/canvas><\/div>\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_69e9318a2201d = document.getElementById(\"chart_69e9318a2201d\").getContext(\"2d\");\r\n\r\n\t\t      var chart_69e9318a2201d_myChart = new Chart(chart_69e9318a2201d, {\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\r\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-91ad23a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"91ad23a\" 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-1ceb040\" data-id=\"1ceb040\" 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-9dbb242 elementor-widget elementor-widget-heading\" data-id=\"9dbb242\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bar Chart<\/h2>\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-d4f7121 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4f7121\" 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-62164b3\" data-id=\"62164b3\" 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-6885fdb elementor-widget elementor-widget-namedical_basic_chart\" data-id=\"6885fdb\" data-element_type=\"widget\" data-widget_type=\"namedical_basic_chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eclt-chart \"><canvas id=\"chart_69e9318a23bd8\" ><\/canvas><\/div>\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 = true;\r\n\t\t      Chart.defaults.global.legend.position = \"bottom\";\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_69e9318a23bd8 = document.getElementById(\"chart_69e9318a23bd8\").getContext(\"2d\");\r\n\r\n\t\t      var chart_69e9318a23bd8_myChart = new Chart(chart_69e9318a23bd8, {\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                  15,\r\n\t\t                  \t\t                  50,\r\n\t\t                  \t\t                  15,\r\n\t\t                  \t\t                  20,\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\r\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":"<p>Bar Chart Bar Chart<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":264,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/pages\/293"}],"collection":[{"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":3,"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/pages\/293\/revisions\/638"}],"up":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/pages\/264"}],"wp:attachment":[{"href":"https:\/\/nicheaddons.com\/demos\/medical\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}