老师，代码和引入的库，都成功了，但是没有图

Question

老师，代码和引入的库，都成功了，但是没有图
，解决完报错之后，应该导入的库，注册的组件，都完成了，但是就是没有图。
也不报错。。。。

Answer 1

提醒自己要努力 2021-10-04 17:02:23

•  v6 options 重命名为 option，以和 ECharts 本身保持一致。

• E泥溤脸上AWAQA #1

  感谢大佬解惑

• 慕UI6346670 #2

  解决问题！！！！！

• 第五丶轻柔 回复 E泥溤脸上AWAQA #3

  。。。

Answer 2

ZeroTOnoe 2021-10-27 22:46:38

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

<template>   <div>     <v-chart :option="orgOptions" class="chart" />   </div> </template>   <script type="text/javascript"> export default {   data () {     return {       orgOptions: {         xAxis: {           type: 'category',           data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']         },         yAxis: {           type: 'value'         },         series: [{           data: [820, 932, 901, 934, 1290, 1330, 1320],           type: 'line',           smooth: true         }]       }     }   },   components: {   } } </script>   <style lang="less" scoped> .chart {   height: 400px; } </style>

修改option的同时 并指定高度

• 神明经过我身边___神经 #1

  牛啊，感谢大佬，直接用默认的classname（.echarts）指定高度也可以

Answer 3

提问者 慕粉1473597318 2021-04-01 14:42:52

看图片，位置被占据了，但是没有显示echarts，不明白是为什么，难道是库没有安装成功吗？

• hyf3513 #1

  我也是，不知道是什么问题

• 慕仰2175266 #2

  我也是 有没有解决办法啊

• 慕仰2175266 #3

  问题解决，v-chart组件的配置应该是用option而不是老师写的options

点开查看后面3条评论