收入信息

liuqimichale
1 parent 95fc0103
Showing 1 changed file with 63 additions and 18 deletions
src/components/base/barChart.vue
@@ -151,25 +151,70 @@ export default {
             name: '条',
             type: 'bar',
             yAxisIndex: 0,
-            data: [1000,200,300],//百分比
+            data: [1000,200,300],
+            data:[
+                  {
+                    value:1000,
+                    itemStyle: {
+                      normal: {
+                        color: {
+                          type: 'linear',
+                          x: 0,
+                          x1: 1,
+                          colorStops: [{
+                            offset: 0,
+                            color: '#2772F4'
+                          }, {
+                            offset: 1,
+                            color: '#00CAFE'
+                          }]
+                        }
+                      },
+                    }
+                  },
+                  {
+                    value:200,
+                    itemStyle: {
+                      normal: {
+                        color: {
+                          type: 'linear',
+                          x: 0,
+                          x1: 1,
+                          colorStops: [{
+                            offset: 0,
+                            color: '#02C202'
+                          }, {
+                            offset: 1,
+                            color: '#51EC51'
+                          }]
+                        }
+                      },
+                    }
+                  },
+                {
+                  value:300,
+                  itemStyle: {
+                    normal: {
+                      color: {
+                        type: 'linear',
+                        x: 0,
+                        x1: 1,
+                        colorStops: [{
+                          offset: 0,
+                          color: '#FD8811'
+                        }, {
+                          offset: 1,
+                          color: '#FFAB00'
+                        }]
+                      }
+                    },
+                  }
+                },
+
+
+              ],
             barWidth: '40%',
-            itemStyle: {
-              normal: {
-                barBorderRadius: 16,
-                color: {
-                  type: 'linear',
-                  x: 0,
-                  x1: 1,
-                  colorStops: [{
-                    offset: 0,
-                    color: '#02ddff'
-                  }, {
-                    offset: 1,
-                    color: '#00feff'
-                  }]
-                }
-              },
-            },
+
             label: {
               normal: {show: false}
             },