v-charts
v-charts copied to clipboard
v-charts可以在nuxt下使用吗?
希望官方能提供相关引入demo
可以的。我就是在nuxt下使用的v-charts
我在nuxt下不知道怎么引用不了
Spring456
請問你怎麼引用的呢?
<template>
<div>
<ve-line :data="chartData"></ve-line>
</div>
</template>
<script>
import VeLine from 'v-charts/lib/line'
export default {
created () {
this.chartData = {
columns: ['日期', '销售量'],
rows: [
{ '日期': '1月1日', '销售量': 123 },
{ '日期': '1月2日', '销售量': 1223 },
{ '日期': '1月3日', '销售量': 2123 },
{ '日期': '1月4日', '销售量': 4123 },
{ '日期': '1月5日', '销售量': 3123 },
{ '日期': '1月6日', '销售量': 7123 }
]
}
},
components: { VeLine }
}
</script>
@hpo14
<template> <div> <ve-line :data="chartData"></ve-line> </div> </template> <script> import VeLine from 'v-charts/lib/line' export default { created () { this.chartData = { columns: ['日期', '销售量'], rows: [ { '日期': '1月1日', '销售量': 123 }, { '日期': '1月2日', '销售量': 1223 }, { '日期': '1月3日', '销售量': 2123 }, { '日期': '1月4日', '销售量': 4123 }, { '日期': '1月5日', '销售量': 3123 }, { '日期': '1月6日', '销售量': 7123 } ] } }, components: { VeLine } } </script>
@hpo14
会报错:
window is not defined
<template> <div> <ve-line :data="chartData"></ve-line> </div> </template> <script> import VeLine from 'v-charts/lib/line' export default { created () { this.chartData = { columns: ['日期', '销售量'], rows: [ { '日期': '1月1日', '销售量': 123 }, { '日期': '1月2日', '销售量': 1223 }, { '日期': '1月3日', '销售量': 2123 }, { '日期': '1月4日', '销售量': 4123 }, { '日期': '1月5日', '销售量': 3123 }, { '日期': '1月6日', '销售量': 7123 } ] } }, components: { VeLine } } </script>
@hpo14
会报错:
window is not defined
一样的问题,请问有解决方案吗