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

image.png

2020-12-08 20:56创建
共1个回答
UJ
游客uJLTPs

可以这样做:


<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>

image.png