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>