本來X軸與Y軸的樣式是這樣的
image
想要下面的結(jié)果烛亦，就是v-charts的X軸的名字改到右邊
image
試了很久，最后采用這種寫法才可以
<template>
<ve-histogram :data="chartData" :settings="chartSettings" :after-config="afterConfig"></ve-histogram>
</template>
data() {
return {
chartSettings: {
yAxisName: ['數(shù)值'],
xAxisName: ['周次'],
metrics: [],
dimension: ['周次'],
},
chartData: {
columns: ['周次'],
rows: [],
},
}
},
methods: {
afterConfig(options) {
options.xAxis[0].axisLabel = { interval: 0 }
options.xAxis[0].nameLocation = 'end'
options.xAxis[0].nameTextStyle={align:'right',padding:[27 ,20 ,0 ,0]}
return options
},
},
