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

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

<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条评论