【Vue Morris】可以自定义格式化函数吗？

Question

【Vue Morris】可以自定义格式化函数吗？

我在创建一个环形图，想传递一个自定义格式化函数。这个函数的功能是在字符串后面加一个“%”。这个应该如何实现呢？

发布于 2020-12-08 12:56:16

Answer 1

可以这样做：


<template>
  <div>
    <div class="col-md-4">
      <donut 
        id="pie"
        :data="donutData"
        colors='["#FF6384", "#36A2EB", "#FFFF11"]'
        resize="True"
        :formatter="this.formatFunc"
      >
      </donut>
    </div>
    <div class="col-md-6">
    </div>
  </div>
</template>

<script>

  import { DonutChart } from 'vue-morris'
  export default {
    methods: {
      formatFunc: function(string) {
        return string + "%"
      }
    },
    components: {
      'donut': DonutChart
    },
    props: ['activity'],
    computed: {
      donutData: function () {

        return [
          { label: 'Percent One', value: 60 },
          { label: 'Percent Two', value: 10 },
          { label: 'Percent Three', value: 30 }
        ]
      }
    }
  }
</script>
<style>
</style>

【Vue Morris】 可以自定义格式化函数吗？

【Vue Morris】可以自定义格式化函数吗？