Vue：v-charts图表设置指标别名

最新推荐文章于 2023-07-07 17:10:21 发布

简单随风

最新推荐文章于 2023-07-07 17:10:21 发布

阅读量3.9k

点赞数

分类专栏：应该是个假前端

本文链接：https://blog.csdn.net/lt326030434/article/details/100887524

版权

应该是个假前端专栏收录该内容

37 篇文章 1 订阅

订阅专栏

使用settings绑定一个labelMap即可完成，例如下面的代码
将PV替换为“访问用户”，Order替换为“下单用户”

<template>
  <ve-line :data="chartData" :settings="chartSettings"></ve-line>
</template>
<script>
  export default {
    data () {
      this.chartSettings = {
        labelMap: {
          PV: '访问用户',
          Order: '下单用户'
        }
      };
      return {
        chartData: {
          columns: ['date', 'PV', 'Order'],
          rows: [
            { 'date': '2018-05-22', 'PV': 32371, 'Order': 19810 },
            { 'date': '2018-05-23', 'PV': 12328, 'Order': 4398 },
            { 'date': '2018-05-24', 'PV': 92381, 'Order': 52910 }
          ]
        }
      }
    }
  }
</script>