把首页柱状图的颜色改成随风格切换

This commit is contained in:
jishenghua
2024-03-22 17:07:41 +08:00
parent ee33a4a45e
commit af673380df

View File

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