Vue.js 如何使用此Vuetify示例在Y轴上设置值
我是vue js的新手,对网站上的一个示例有问题 我正在做这个简单图表的例子Vue.js 如何使用此Vuetify示例在Y轴上设置值,vue.js,vuetify.js,Vue.js,Vuetify.js,我是vue js的新手,对网站上的一个示例有问题 我正在做这个简单图表的例子 <template> <v-card class="mx-auto text-center" color="green" dark max-width="600" > <v-card-text> <v-sheet color="rgba(0, 0, 0, .12)"> <v-sparklin
<template>
<v-card
class="mx-auto text-center"
color="green"
dark
max-width="600"
>
<v-card-text>
<v-sheet color="rgba(0, 0, 0, .12)">
<v-sparkline
:value="value"
color="rgba(255, 255, 255, .7)"
height="100"
padding="24"
stroke-linecap="round"
smooth
>
<template v-slot:label="item">
${{ item.value }}
</template>
</v-sparkline>
</v-sheet>
</v-card-text>
<v-card-text>
<div class="display-1 font-weight-thin">Sales Last 24h</div>
</v-card-text>
<v-divider></v-divider>
<v-card-actions class="justify-center">
<v-btn block text>Go to Report</v-btn>
</v-card-actions>
</v-card>
</template>
${{item.value}
销售持续24小时
去报到
这是它的脚本部分
<script>
export default {
data: () => ({
value: [
423,
446,
675,
510,
590,
610,
760,
],
}),
}
</script>
导出默认值{
数据:()=>({
价值:[
423,
446,
675,
510,
590,
610,
760,
],
}),
}
正如你所看到的,这是一个非常基本的情节
我想知道我是否也可以在Y轴上添加值,如果可以的话,我会怎么做,因为我很困惑,因为官方的Vuetify页面根本没有提到这一点
请容忍我,因为我从来没有做过前端
谢谢。Vuetify团队似乎已请求但拒绝了此y轴功能:
废话。那么我需要另找一个图表库。谢谢查看vue谷歌图表,我更喜欢这个,而不是其他任何图表构建软件包。