Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何使用此Vuetify示例在Y轴上设置值_Vue.js_Vuetify.js - Fatal编程技术网

Vue.js 如何使用此Vuetify示例在Y轴上设置值

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

我是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-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谷歌图表,我更喜欢这个,而不是其他任何图表构建软件包。