diff --git a/jshERP-web/src/components/chart/Bar.vue b/jshERP-web/src/components/chart/Bar.vue
index 673ed3d0..06cb3bb1 100644
--- a/jshERP-web/src/components/chart/Bar.vue
+++ b/jshERP-web/src/components/chart/Bar.vue
@@ -4,13 +4,15 @@
     <v-chart :forceFit="true" :height="height" :data="dataSource" :scale="scale" :padding="padding">
       <v-tooltip/>
       <v-axis/>
-      <v-bar position="x*y"/>
+      <v-bar position="x*y" :color="color"/>
     </v-chart>
   </div>
 </template>
 
 <script>
   import { triggerWindowResizeEvent } from '@/utils/util'
+  import { DEFAULT_COLOR } from "@/store/mutation-types"
+  import Vue from 'vue'
 
   export default {
     name: 'Bar',
@@ -33,7 +35,10 @@
       }
     },
     data() {
-      return { padding: ['auto', 'auto', '40', '50'] }
+      return {
+        padding: ['auto', 'auto', '40', '50'],
+        color: Vue.ls.get(DEFAULT_COLOR)
+      }
     },
     computed: {
       scale() {