{"id":41139,"date":"2018-12-25T11:36:47","date_gmt":"2018-12-25T05:36:47","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=41139"},"modified":"2026-03-09T11:46:37","modified_gmt":"2026-03-09T05:46:37","slug":"charts","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/charts\/","title":{"rendered":"Charts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"41139\" class=\"elementor elementor-41139\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5443e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"db5443e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cfc4660 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"cfc4660\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9adddf1 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"9adddf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"9adddf1\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 01:<\/span><span class=\"bdt-mainh-split-text\">Bar Vertical<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5edb201 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5edb201\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Display data using vertical bar charts for clear visual comparison. Ideal for showcasing performance, statistics, and trends effectively.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21c5fdc bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"21c5fdc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-518c185 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"518c185\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-518c185&quot;,&quot;type&quot;:&quot;bar&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;data&quot;:[2,4,8,16,32],&quot;backgroundColor&quot;:[&quot;rgba(246,229,141,0.8)&quot;,&quot;rgba(255,190,118,0.8)&quot;,&quot;rgba(255,121,121,0.8)&quot;,&quot;rgba(186,220,88,0.8)&quot;,&quot;rgba(223,249,251,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:[&quot;rgba(249,202,36,0.8)&quot;,&quot;rgba(240,147,43,0.8)&quot;,&quot;rgba(235,77,75,0.8)&quot;,&quot;rgba(106,176,76,0.8)&quot;,&quot;rgba(199,236,238,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:[&quot;rgba(126,214,223,0.8)&quot;,&quot;rgba(224,86,253,0.8)&quot;,&quot;rgba(255, 206, 86, 0.2)&quot;,&quot;rgba(104,109,224,0.8)&quot;,&quot;rgba(48,51,107,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 4&quot;,&quot;data&quot;:[10,15,16,28,15],&quot;backgroundColor&quot;:[&quot;rgba(34,166,179,0.8)&quot;,&quot;rgba(190,46,221,0.8)&quot;,&quot;rgba(72,52,212,0.8)&quot;,&quot;rgba(19,15,64,0.8)&quot;,&quot;rgba(83,92,104,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 5&quot;,&quot;data&quot;:[32,15,8,4,2],&quot;backgroundColor&quot;:[&quot;rgba(85,239,196,0.8)&quot;,&quot;rgba(129,236,236,0.8)&quot;,&quot;rgba(116,185,255,0.8)&quot;,&quot;rgba(162,155,254,0.8)&quot;,&quot;rgba(223,230,233,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#00D4A4&quot;,&quot;titleColor&quot;:&quot;#FFFFFF&quot;,&quot;bodyColor&quot;:&quot;#F0F0F0&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-518c185\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94acb29 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"94acb29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-714254d bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"714254d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a76bda8 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"a76bda8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"a76bda8\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 02:<\/span><span class=\"bdt-mainh-split-text\">Bar Horizontal<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469c8d2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"469c8d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Present data with horizontal bar charts for easy comparison across categories and improved readability.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6aadc31 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"6aadc31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f1e13 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"b3f1e13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-b3f1e13&quot;,&quot;type&quot;:&quot;horizontalBar&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;data&quot;:[2,4,8,16,32],&quot;backgroundColor&quot;:[&quot;rgba(246,229,141,0.8)&quot;,&quot;rgba(255,190,118,0.8)&quot;,&quot;rgba(255,121,121,0.8)&quot;,&quot;rgba(186,220,88,0.8)&quot;,&quot;rgba(223,249,251,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:[&quot;rgba(249,202,36,0.8)&quot;,&quot;rgba(240,147,43,0.8)&quot;,&quot;rgba(235,77,75,0.8)&quot;,&quot;rgba(106,176,76,0.8)&quot;,&quot;rgba(199,236,238,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:[&quot;rgba(126,214,223,0.8)&quot;,&quot;rgba(224,86,253,0.8)&quot;,&quot;rgba(255, 206, 86, 0.2)&quot;,&quot;rgba(104,109,224,0.8)&quot;,&quot;rgba(48,51,107,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#31A6AD&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}},&quot;indexAxis&quot;:&quot;y&quot;},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-b3f1e13\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-250cc1b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"250cc1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-445f425 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"445f425\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5066f elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"1a5066f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"1a5066f\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 03:<\/span><span class=\"bdt-mainh-split-text\">Line<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4320bf elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a4320bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Visualize data trends over time with smooth, connected line charts for better insights and analysis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bac7e00 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"bac7e00\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-461060b elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"461060b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-461060b&quot;,&quot;type&quot;:&quot;line&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;line&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;,&quot; June&quot;,&quot; July&quot;,&quot; August&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;lineTension&quot;:0.3,&quot;fill&quot;:true,&quot;data&quot;:[30,20,15,14,17,23,30,35],&quot;backgroundColor&quot;:&quot;rgba(143,148,251,0.1)&quot;,&quot;borderColor&quot;:&quot;#8f94fb&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;lineTension&quot;:0.3,&quot;fill&quot;:true,&quot;data&quot;:[10,15,20,22,20,15,18,25],&quot;backgroundColor&quot;:&quot;rgba(232,67,147,0.1)&quot;,&quot;borderColor&quot;:&quot;#e84393&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-461060b\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fcc8f2 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"1fcc8f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-22ea5de bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"22ea5de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b8ec2e elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"4b8ec2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"4b8ec2e\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 04:<\/span><span class=\"bdt-mainh-split-text\">Radar<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5439e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9e5439e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Display multi-dimensional data using radar charts to compare multiple variables in a single, clear view.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed08b87 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"ed08b87\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5680d64 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"5680d64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-5680d64&quot;,&quot;type&quot;:&quot;radar&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;radar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;data&quot;:[35,20,25,36,25],&quot;backgroundColor&quot;:&quot;rgba(54,162,235,0.2)&quot;,&quot;borderColor&quot;:&quot;#36a2eb&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[0,30,50,25],&quot;backgroundColor&quot;:&quot;rgba(255,99,132,0.2)&quot;,&quot;borderColor&quot;:&quot;#ff6384&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:&quot;&quot;,&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-5680d64\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afc2c4b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"afc2c4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ebed5dc bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"ebed5dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ebbf23 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"5ebbf23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"5ebbf23\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 05:<\/span><span class=\"bdt-mainh-split-text\">Doughnut<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f06c188 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f06c188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Show data proportions with a stylish doughnut chart, ideal for visualizing percentages and category distribution.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9777607 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"9777607\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd1835 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"cbd1835\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-cbd1835&quot;,&quot;type&quot;:&quot;doughnut&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;doughnut&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[10,20,3],&quot;backgroundColor&quot;:[&quot;#4F86FA&quot;,&quot;#FF6384&quot;,&quot;#FFCD56&quot;]}]},&quot;options&quot;:{&quot;cutoutPercentage&quot;:50,&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;titleColor&quot;:&quot;#FF6868&quot;,&quot;bodyColor&quot;:&quot;#FF6868&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-cbd1835\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b5d305 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"8b5d305\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-773b672 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"773b672\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b0947 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"c6b0947\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"c6b0947\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 06:<\/span><span class=\"bdt-mainh-split-text\">Pie<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de63f2d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"de63f2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Represent data as proportional slices with a pie chart, perfect for showcasing category breakdowns and percentages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eafb8de bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"eafb8de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5979d elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"db5979d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-db5979d&quot;,&quot;type&quot;:&quot;pie&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;pie&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[10,20,30,40,50],&quot;backgroundColor&quot;:[&quot;rgba(126,214,223,0.6)&quot;,&quot;rgba(224,86,253,0.6)&quot;,&quot;rgba(104,109,224,0.6)&quot;,&quot;rgba(186,220,88,0.6)&quot;,&quot;rgba(255,121,121,0.6)&quot;]}]},&quot;options&quot;:{&quot;cutoutPercentage&quot;:0,&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#242424&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-db5979d\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e85d44 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"6e85d44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-84334f3 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"84334f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-149179f elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"149179f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"149179f\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 07:<\/span><span class=\"bdt-mainh-split-text\">Polar Area<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74c821c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"74c821c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Visualize data distribution with a polar area chart, ideal for comparing values across circular categories.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d9765d bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"8d9765d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f50614 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"5f50614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-5f50614&quot;,&quot;type&quot;:&quot;polarArea&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;polarArea&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;data&quot;:[10,20,30,40,50],&quot;backgroundColor&quot;:[&quot;rgba(232,67,147,0.4)&quot;,&quot;rgba(253,121,168,0.4)&quot;,&quot;rgba(108,92,231,0.4)&quot;,&quot;rgba(0,184,148,0.4)&quot;,&quot;rgba(0,206,201,0.4)&quot;]}]},&quot;options&quot;:{&quot;scales&quot;:&quot;&quot;,&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:2,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#007379&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-5f50614\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-654532e e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"654532e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9add0d6 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"9add0d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc1a488 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"bc1a488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"bc1a488\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 08:<\/span><span class=\"bdt-mainh-split-text\">Bubble<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e245a7 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1e245a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The <strong data-start=\"4\" data-end=\"20\">Bubble Chart<\/strong> displays data points with varying sizes, helping you visualize relationships and comparisons between multiple variables clearly<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23c8f70 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"23c8f70\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0286f67 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"0286f67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-0286f67&quot;,&quot;type&quot;:&quot;bubble&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bubble&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Bubble Dataset 1&quot;,&quot;data&quot;:[{&quot;x&quot;:20,&quot;y&quot;:35,&quot;r&quot;:20},{&quot;x&quot;:40,&quot;y&quot;:10,&quot;r&quot;:20}],&quot;backgroundColor&quot;:&quot;rgba(9,132,227,0.3)&quot;},{&quot;label&quot;:&quot;Bubble Dataset 2&quot;,&quot;data&quot;:[{&quot;x&quot;:60,&quot;y&quot;:45,&quot;r&quot;:25},{&quot;x&quot;:90,&quot;y&quot;:60,&quot;r&quot;:15}],&quot;backgroundColor&quot;:&quot;rgba(232,67,147,0.3)&quot;},{&quot;label&quot;:&quot;Bubble Dataset 3&quot;,&quot;data&quot;:[{&quot;x&quot;:10,&quot;y&quot;:50,&quot;r&quot;:25},{&quot;x&quot;:100,&quot;y&quot;:20,&quot;r&quot;:8}],&quot;backgroundColor&quot;:&quot;rgba(0,184,148,0.3)&quot;}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#7594E0&quot;},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-0286f67\"><\/canvas>\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f9a82 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"67f9a82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa08317 bdt-backdrop-filter-yes e-flex e-con-boxed bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"aa08317\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae506cc elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"ae506cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"ae506cc\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 09:<\/span><span class=\"bdt-mainh-split-text\">Grid Color<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df9f75b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"df9f75b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Customize the <strong data-start=\"14\" data-end=\"28\">grid color<\/strong> to enhance chart visibility and maintain visual balance, ensuring data stands out with clarity and style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4feade7 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"4feade7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-312d154 e-grid e-con-full magic-button-disabled-no e-con e-child\" data-id=\"312d154\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9561cbd elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"9561cbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-9561cbd&quot;,&quot;type&quot;:&quot;horizontalBar&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;data&quot;:[2,4,8,16,32],&quot;backgroundColor&quot;:[&quot;rgba(246,229,141,0.8)&quot;,&quot;rgba(255,190,118,0.8)&quot;,&quot;rgba(255,121,121,0.8)&quot;,&quot;rgba(186,220,88,0.8)&quot;,&quot;rgba(223,249,251,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:[&quot;rgba(249,202,36,0.8)&quot;,&quot;rgba(240,147,43,0.8)&quot;,&quot;rgba(235,77,75,0.8)&quot;,&quot;rgba(106,176,76,0.8)&quot;,&quot;rgba(199,236,238,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:[&quot;rgba(126,214,223,0.8)&quot;,&quot;rgba(224,86,253,0.8)&quot;,&quot;rgba(255, 206, 86, 0.2)&quot;,&quot;rgba(104,109,224,0.8)&quot;,&quot;rgba(48,51,107,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(118,53,114,0.15)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(118,53,114,0.15)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true},&quot;legend&quot;:{&quot;position&quot;:&quot;top&quot;,&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}},&quot;indexAxis&quot;:&quot;y&quot;},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-9561cbd\"><\/canvas>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d00d97 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"1d00d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-1d00d97&quot;,&quot;type&quot;:&quot;bar&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;data&quot;:[2,4,8,16,32],&quot;backgroundColor&quot;:[&quot;rgba(246,229,141,0.8)&quot;,&quot;rgba(255,190,118,0.8)&quot;,&quot;rgba(255,121,121,0.8)&quot;,&quot;rgba(186,220,88,0.8)&quot;,&quot;rgba(223,249,251,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:[&quot;rgba(249,202,36,0.8)&quot;,&quot;rgba(240,147,43,0.8)&quot;,&quot;rgba(235,77,75,0.8)&quot;,&quot;rgba(106,176,76,0.8)&quot;,&quot;rgba(199,236,238,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:[&quot;rgba(126,214,223,0.8)&quot;,&quot;rgba(224,86,253,0.8)&quot;,&quot;rgba(255, 206, 86, 0.2)&quot;,&quot;rgba(104,109,224,0.8)&quot;,&quot;rgba(48,51,107,0.8)&quot;],&quot;borderColor&quot;:&quot;rgba(48,51,107,0.8)&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(255,199,47,0.2)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(255,199,47,0.2)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true,&quot;backgroundColor&quot;:&quot;#D19039&quot;},&quot;legend&quot;:{&quot;position&quot;:&quot;top&quot;,&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-1d00d97\"><\/canvas>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-209c435 elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"209c435\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-209c435&quot;,&quot;type&quot;:&quot;bubble&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;bubble&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Bubble Dataset 1&quot;,&quot;data&quot;:[{&quot;x&quot;:20,&quot;y&quot;:35,&quot;r&quot;:20},{&quot;x&quot;:40,&quot;y&quot;:10,&quot;r&quot;:20}],&quot;backgroundColor&quot;:&quot;rgba(9,132,227,0.3)&quot;},{&quot;label&quot;:&quot;Bubble Dataset 2&quot;,&quot;data&quot;:[{&quot;x&quot;:60,&quot;y&quot;:45,&quot;r&quot;:25},{&quot;x&quot;:90,&quot;y&quot;:60,&quot;r&quot;:15}],&quot;backgroundColor&quot;:&quot;rgba(232,67,147,0.3)&quot;},{&quot;label&quot;:&quot;Bubble Dataset 3&quot;,&quot;data&quot;:[{&quot;x&quot;:10,&quot;y&quot;:50,&quot;r&quot;:25},{&quot;x&quot;:100,&quot;y&quot;:20,&quot;r&quot;:8}],&quot;backgroundColor&quot;:&quot;rgba(0,184,148,0.3)&quot;}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(65,170,185,0.2)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(65,170,185,0.2)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-209c435\"><\/canvas>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c923f5e elementor-widget__width-inherit elementor-widget elementor-widget-bdt-chart\" data-id=\"c923f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-suffixPrefix=\"{&quot;id&quot;:&quot;bdt-chart-c923f5e&quot;,&quot;type&quot;:&quot;line&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\" data-settings=\"{&quot;type&quot;:&quot;line&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot; February&quot;,&quot; March&quot;,&quot; April&quot;,&quot; May&quot;,&quot; June&quot;,&quot; July&quot;,&quot; August&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Dataset 1&quot;,&quot;lineTension&quot;:0.3,&quot;fill&quot;:true,&quot;data&quot;:[30,20,15,14,17,23,30,35],&quot;backgroundColor&quot;:&quot;rgba(143,148,251,0.1)&quot;,&quot;borderColor&quot;:&quot;#8f94fb&quot;,&quot;borderWidth&quot;:1},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;lineTension&quot;:0.3,&quot;fill&quot;:true,&quot;data&quot;:[10,15,20,22,20,15,18,25],&quot;backgroundColor&quot;:&quot;rgba(232,67,147,0.1)&quot;,&quot;borderColor&quot;:&quot;#e84393&quot;,&quot;borderWidth&quot;:1}]},&quot;options&quot;:{&quot;scales&quot;:{&quot;y&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(20,171,244,0.2)&quot;}},&quot;x&quot;:{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;color&quot;:&quot;#666666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}},&quot;grid&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(20,171,244,0.2)&quot;}}},&quot;aspectRatio&quot;:2,&quot;borderWidth&quot;:&quot;&quot;,&quot;plugins&quot;:{&quot;tooltip&quot;:{&quot;enabled&quot;:true},&quot;legend&quot;:{&quot;labels&quot;:{&quot;color&quot;:&quot;#666&quot;,&quot;font&quot;:{&quot;size&quot;:12,&quot;family&quot;:&quot;&#039;Open Sans&#039;, sans-serif&quot;}}}}},&quot;valueSeparator&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-c923f5e\"><\/canvas>\n\t\t<\/div>\n\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo 01:Bar Vertical Display data using vertical bar charts for clear visual comparison. Ideal for showcasing performance, statistics, and trends effectively. Demo 02:Bar Horizontal Present data with horizontal bar charts for easy comparison across categories and improved readability. Demo 03:Line Visualize data trends over time with smooth, connected line charts for better insights and analysis. Demo 04:Radar Display multi-dimensional data using radar charts to compare multiple variables in a single, clear view. Demo 05:Doughnut Show data proportions with a stylish doughnut chart, ideal for visualizing percentages and category distribution. Demo 06:Pie Represent data as proportional slices with a pie chart, perfect for showcasing category breakdowns and percentages. Demo 07:Polar Area Visualize data distribution with a polar area chart, ideal for comparing values across circular categories. Demo 08:Bubble The Bubble Chart displays data points with varying sizes, helping you visualize relationships and comparisons between multiple variables clearly Demo 09:Grid Color Customize the grid color to enhance chart visibility and maintain visual balance, ensuring data stands out with clarity and style.<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/41139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=41139"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/41139\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=41139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}