{"id":163,"date":"2020-09-25T11:15:10","date_gmt":"2020-09-25T11:15:10","guid":{"rendered":"https:\/\/devon.brickthemes.com\/?page_id=112"},"modified":"2020-09-25T11:15:10","modified_gmt":"2020-09-25T11:15:10","slug":"charts","status":"publish","type":"page","link":"https:\/\/trivick.com\/es_cl\/charts\/","title":{"rendered":"Charts"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"163\" class=\"elementor elementor-163\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bf6da7 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bf6da7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-df835ed\" data-id=\"df835ed\" 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-73d7d74 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"73d7d74\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Vertical Chart Type<\/h3><p>A vertical bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.<\/p><p>The bar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the color of the bars is generally set this way.<\/p>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ba9d458\" data-id=\"ba9d458\" 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-aedb481 elementor-widget elementor-widget-bdt-chart\" data-id=\"aedb481\" data-element_type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-settings=\"{&quot;type&quot;:&quot;bar&quot;,&quot;borderWidth&quot;:1,&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;#FF6384FC&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:&quot;#36A2EBFA&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:&quot;#4BC0C0&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 4&quot;,&quot;data&quot;:[10,15,16,28,15],&quot;backgroundColor&quot;:&quot;#FFCE56&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 5&quot;,&quot;data&quot;:[32,15,8,4,2],&quot;backgroundColor&quot;:&quot;#9966FF&quot;,&quot;borderColor&quot;:&quot;&quot;}]},&quot;options&quot;:{&quot;legend&quot;:{&quot;labels&quot;:{&quot;fontColor&quot;:&quot;#D8D8D8&quot;}},&quot;scales&quot;:{&quot;yAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}],&quot;xAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;rgba(0,0,0,0.05)&quot;}}]}},&quot;valueSeparator&quot;:&quot;no&quot;}\" data-suffixprefix=\"{&quot;id&quot;:&quot;bdt-chart-aedb481&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-aedb481\"><\/canvas>\n\t\t<\/div>\t\t\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-eba431a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"eba431a\" 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-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe48306\" data-id=\"fe48306\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b458a53 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b458a53\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4525e76\" data-id=\"4525e76\" 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-8e6ca30 elementor-widget elementor-widget-bdt-chart\" data-id=\"8e6ca30\" data-element_type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-settings=\"{&quot;type&quot;:&quot;horizontalBar&quot;,&quot;borderWidth&quot;:1,&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;#FF6384FC&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:&quot;#36A2EBFA&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:&quot;#4BC0C0&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 4&quot;,&quot;data&quot;:[10,15,16,28,15],&quot;backgroundColor&quot;:&quot;#FFCE56&quot;,&quot;borderColor&quot;:&quot;&quot;},{&quot;label&quot;:&quot;Dataset 5&quot;,&quot;data&quot;:[32,15,8,4,2],&quot;backgroundColor&quot;:&quot;#9966FF&quot;,&quot;borderColor&quot;:&quot;&quot;}]},&quot;options&quot;:{&quot;legend&quot;:{&quot;labels&quot;:{&quot;fontColor&quot;:&quot;#D8D8D8&quot;}},&quot;scales&quot;:{&quot;yAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF30&quot;}}],&quot;xAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF30&quot;}}]}},&quot;valueSeparator&quot;:&quot;no&quot;}\" data-suffixprefix=\"{&quot;id&quot;:&quot;bdt-chart-8e6ca30&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-8e6ca30\"><\/canvas>\n\t\t<\/div>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8b06def\" data-id=\"8b06def\" 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-940073e elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"940073e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Horizontal\u00a0Chart Type<\/h3><p>A horizontal bar chart is a variation on a vertical bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.<\/p><p>The configuration options for the horizontal bar chart are the same as for the bar chart. However, any options specified on the x-axis in a bar chart, are applied to the y-axis in a horizontal bar chart. The default horizontal bar configuration is specified.<\/p>\t\t\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\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-a066312 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a066312\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6c8cacf\" data-id=\"6c8cacf\" 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-3956aa5 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3956aa5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Lines Chart<\/h3><p>A line chart is a way of plotting data points on a line. Often, it is used to show trend data or the comparison of two data sets.<\/p><p>The line chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the color of a line is generally set this way.<\/p>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8abff7c\" data-id=\"8abff7c\" 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-8729095 elementor-widget elementor-widget-bdt-chart\" data-id=\"8729095\" data-element_type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-settings=\"{&quot;type&quot;:&quot;line&quot;,&quot;borderWidth&quot;:1,&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;#FF638438&quot;,&quot;borderColor&quot;:&quot;#FF6384&quot;},{&quot;label&quot;:&quot;Dataset 2&quot;,&quot;data&quot;:[8,25,6,8,10],&quot;backgroundColor&quot;:&quot;#36A2EB2B&quot;,&quot;borderColor&quot;:&quot;#36A2EB&quot;},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[9,4,30,8,32],&quot;backgroundColor&quot;:&quot;#4BC0C045&quot;,&quot;borderColor&quot;:&quot;#4BC0C0&quot;},{&quot;label&quot;:&quot;Dataset 4&quot;,&quot;data&quot;:[10,15,16,28,15],&quot;backgroundColor&quot;:&quot;#FFCE563D&quot;,&quot;borderColor&quot;:&quot;#FFCE56&quot;}]},&quot;options&quot;:{&quot;legend&quot;:{&quot;labels&quot;:{&quot;fontColor&quot;:&quot;#D8D8D8&quot;}},&quot;scales&quot;:{&quot;yAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF33&quot;}}],&quot;xAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF33&quot;}}]}},&quot;valueSeparator&quot;:&quot;no&quot;}\" data-suffixprefix=\"{&quot;id&quot;:&quot;bdt-chart-8729095&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-8729095\"><\/canvas>\n\t\t<\/div>\t\t\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-2c4e958 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"2c4e958\" 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-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96ffe74\" data-id=\"96ffe74\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e631b8b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e631b8b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-dc9ec35\" data-id=\"dc9ec35\" 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-9791f1f elementor-widget elementor-widget-bdt-chart\" data-id=\"9791f1f\" data-element_type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-settings=\"{&quot;type&quot;:&quot;radar&quot;,&quot;borderWidth&quot;:1,&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 2&quot;,&quot;data&quot;:[38,25,16,18,10],&quot;backgroundColor&quot;:&quot;#36A2EB2B&quot;,&quot;borderColor&quot;:&quot;#36A2EB&quot;},{&quot;label&quot;:&quot;Dataset 3&quot;,&quot;data&quot;:[49,34,30,8,32],&quot;backgroundColor&quot;:&quot;#4BC0C045&quot;,&quot;borderColor&quot;:&quot;#4BC0C0&quot;},{&quot;label&quot;:&quot;Dataset 4&quot;,&quot;data&quot;:[10,45,36,28,15],&quot;backgroundColor&quot;:&quot;#FFCE563D&quot;,&quot;borderColor&quot;:&quot;#FFCE56&quot;}]},&quot;options&quot;:{&quot;legend&quot;:{&quot;labels&quot;:{&quot;fontColor&quot;:&quot;#D8D8D8&quot;}},&quot;scales&quot;:{&quot;yAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF33&quot;}}],&quot;xAxes&quot;:[{&quot;ticks&quot;:{&quot;display&quot;:true,&quot;fontColor&quot;:&quot;#D8D8D8&quot;},&quot;gridLines&quot;:{&quot;drawBorder&quot;:false,&quot;color&quot;:&quot;#FFFFFF33&quot;}}]}},&quot;valueSeparator&quot;:&quot;no&quot;}\" data-suffixprefix=\"{&quot;id&quot;:&quot;bdt-chart-9791f1f&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-9791f1f\"><\/canvas>\n\t\t<\/div>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a450b7d\" data-id=\"a450b7d\" 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-fccde79 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"fccde79\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Radar Chart Type<\/h3><p>A radar chart is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets.<\/p><p>The radar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the color of a line is generally set this way. Properties can be specified as an array.<\/p>\t\t\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\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-f8a209f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f8a209f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-235e912\" data-id=\"235e912\" 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-a8f32ae elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"a8f32ae\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Doughnut Chart<\/h3><p>The doughnut\/pie chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the color of the dataset\u2019s arc is generally set this way.<\/p><p>These are the customization options specific to Pie &amp; Doughnut charts. These options are merged with the global chart configuration options and form the options of the chart.<\/p>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45ad359\" data-id=\"45ad359\" 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-ebaa6a0 elementor-widget elementor-widget-bdt-chart\" data-id=\"ebaa6a0\" data-element_type=\"widget\" data-widget_type=\"bdt-chart.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"bdt-chart\" data-settings=\"{&quot;type&quot;:&quot;doughnut&quot;,&quot;borderWidth&quot;:1,&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(255, 99, 132, 1)&quot;,&quot;rgba(54, 162, 235, 1)&quot;,&quot;rgba(255, 206, 86, 1)&quot;,&quot;rgba(75, 192, 192, 0.2)&quot;,&quot;rgba(153, 102, 255, 0.5)&quot;]}]},&quot;options&quot;:{&quot;legend&quot;:{&quot;labels&quot;:{&quot;fontColor&quot;:&quot;#D8D8D8&quot;}},&quot;cutoutPercentage&quot;:50},&quot;valueSeparator&quot;:&quot;no&quot;}\" data-suffixprefix=\"{&quot;id&quot;:&quot;bdt-chart-ebaa6a0&quot;,&quot;suffix_prefix_status&quot;:&quot;no&quot;}\">\n\t\t\t<canvas id=\"bdt-chart-ebaa6a0\"><\/canvas>\n\t\t<\/div>\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Vertical Chart Type<\/p>\n<p>A vertical bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.<\/p>\n<p>The<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-nosidebar.php","meta":{"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/trivick.com\/es_cl\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}