v-charts踩的坑

本来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
    },
  },