Browse Source

[FIX] Modificar color de los grafico de torta

adrielso 7 years ago
parent
commit
d433fbf050

+ 5 - 29
static/src/js/widgets/ranking_sales_partner.js

@@ -114,7 +114,8 @@ function ranking_sales_partner (widget) {
             var body = [];
             var item;
             var rank = 10;
-            rank= ranking.length;
+            if (ranking.length < 10)
+                rank= ranking.length;
 
             for (var i = 0; i < rank; i++) {
                 if (ranking[i]){
@@ -131,7 +132,8 @@ function ranking_sales_partner (widget) {
                     labels: label,
                     datasets: [
                         {
-                            backgroundColor: ['#01579B','#0277BD','#0288D1','#039BE5','#03A9F4','#29B6F6','#4FC3F7','#81D4FA','#B3E5FC','#E1F5FE'],
+                            backgroundColor: [  '#EF5350', '#F06292', '#AB47BC', '#7E57C2', '#5C6BC0', '#42A5F5', '#26C6DA', '#26A69A', '#66BB6A', '#9CCC65'],
+                            borderWidth	:0,
                             data: body,
                         }
                     ]
@@ -150,33 +152,7 @@ function ranking_sales_partner (widget) {
                     },
                 }
             });
-            // var chart = new Chart(this.$el.find(".widget-content").find('canvas'), {
-            //     // type: 'doughnut',
-            //     type: 'horizontalBar',
-            //     // type: '',
-            //     data: {
-            //         labels: label,
-            //         datasets: [
-            //             {
-            //                 backgroundColor: ['#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1', '#0288d1'],
-            //                 data: body,
-            //             }
-            //         ]
-            //     },
-            //     options: {
-            //         maintainAspectRatio: false,
-            //         layout: {
-            //             padding: 20
-            //         },
-            //         scales: {
-            //             xAxes: [{ stacked: true }],
-            //             yAxes: [{ stacked: true }],
-            //         },
-            //         legend: {
-            //             display: false,
-            //         },
-            //     }
-            // });
+
         },
         // llamar a la lista
         showCustomers: function (e) {

+ 5 - 2
static/src/js/widgets/ranking_sales_product.js

@@ -146,7 +146,8 @@ function ranking_sales_product (widget) {
             var body = [];
             var item;
             var rank = 10;
-            rank= ranking.length;
+            if (ranking.length < 10)
+                rank= ranking.length;
 
             for (var i = 0; i < rank; i++) {
                 if (ranking[i]){
@@ -163,7 +164,9 @@ function ranking_sales_product (widget) {
                     labels: label,
                     datasets: [
                         {
-                            backgroundColor: ['#01579B','#0277BD','#0288D1','#039BE5','#03A9F4','#29B6F6','#4FC3F7','#81D4FA','#B3E5FC','#E1F5FE'],
+                            // backgroundColor: ['#01579B','#0277BD','#0288D1','#039BE5','#03A9F4','#29B6F6','#4FC3F7','#81D4FA','#B3E5FC','#E1F5FE'],
+                            backgroundColor: [  '#EF5350', '#EC407A', '#AB47BC', '#7E57C2', '#5C6BC0', '#42A5F5', '#26C6DA', '#26A69A', '#66BB6A', '#9CCC65'],
+                            borderWidth	:0,
                             data: body,
                         }
                     ]