SOURCE

console 命令行工具 X clear

                    
>
console

new Vue({
  el: "#app",
  data: {
    active:0,
    data:[
    { year: '1951 年', sales: 38 },
    { year: '1952 年', sales: 52 },
    { year: '1956 年', sales: 61 },
    { year: '1957 年', sales: 145 },
    { year: '1958 年', sales: 48 },
    { year: '1959 年', sales: 38 },
    { year: '1960 年', sales: 38 },
    { year: '1962 年', sales: 38 }
  ],
    scale:[{
    dataKey: 'sales',
    tickInterval: 20
  }],
    height: 400,
    data2: [
    { year: '1951 年', sales: 38 },
    { year: '1952 年', sales: 52 },
    { year: '1956 年', sales: 61 },
    { year: '1957 年', sales: 145 },
    { year: '1958 年', sales: 48 },
    { year: '1959 年', sales: 38 },
    { year: '1960 年', sales: 38 },
    { year: '1962 年', sales: 38 }
    ],
    scale2:[{
    dataKey: 'sales',
    tickInterval: 20,
  }],
  height2: 400,
  },
  methods: {
  	
  }
})

<div id="app">
<van-tabs v-model="active">
  <van-tab title="标签 1">
  	<v-chart :forceFit="true" :height="height" :data="data" :scale="scale">
      <v-tooltip />
      <v-axis />
      <v-bar position="year*sales" />
    </v-chart>
  </van-tab>
  <van-tab title="标签 2">
      <v-chart :forceFit="true" :height="height2" :data="data2" :scale="scale2">
      <v-tooltip />
      <v-axis />
      <v-bar position="year*sales" />
    </v-chart>
  </van-tab>
  <van-tab title="标签 3">内容 3</van-tab>
  <van-tab title="标签 4">内容 4</van-tab>
</van-tabs>
</div>

本项目引用的自定义外部资源