Question

我正在使用顶点图表（https://apexcharts.com/）动态显示一些数据，其中一些数据可能是货币，一些数据可能是百分比，依此类推。

我有一个在数据功能中具有数据类型的组件，如下所示：

data: function(){
  return{   
    chartOptions: {
      colors: ['#FEB910', '#00ABE7', '#949698'],
       height: 500, 
       dataType: 'percentage' // dynamic - could be currency, percentage etc.... 
       chart:{
         toolbar:{
           show:true
         }
       },
       yaxis: {
        labels: {
          formatter: function (value) {
            console.log(this.dataType) // this is undefined
          }
        },
      },
     }, 
    }
  },

顶点图表具有格式化功能，如您所见，它工作正常，但我需要一种方法来检查dataType变量是百分比还是货币，以便可以以其他方式设置其格式。我尝试访问'this'属性，但未定义。

我可以通过什么方法将此功能传递给'this'属性吗？或如何称呼它？

Answer 1

我设法将函数设置为mount，可以用它代替计算属性。

this.chartOptions.yaxis.labels.formatter = function(value){
     return value + "$";
}

设置后，格式化程序功能将运行，并且还可以访问'this'属性

Vue访问数据中的数据

1 个答案: