本来X轴与Y轴的样式是这样的
image
想要下面的结果，就是v-charts的X轴的名字改到右边
image
试了很久，最后采用这种写法才可以
<template>
<ve-histogram :data="chartData" :settings="chartSettings" :after-config="afterConfig"></ve-histogram>
</template>
data() {
return {
chartSettings: {
yAxisName: ['数值'],
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
},
},
