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

来源:3-2 vue-echarts 组件库入门

慕粉1473597318

2021-04-01

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

写回答

3回答

提醒自己要努力

2021-10-04

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

5
3
第五丶轻柔
回复
E泥溤脸上AWAQA
。。。
2022-05-03
共3条回复

ZeroTOnoe

2021-10-27

<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的同时 并指定高度

4
1
神明经过我身边___神经
牛啊,感谢大佬,直接用默认的classname(.echarts)指定高度也可以
2021-10-29
共1条回复

慕粉1473597318

提问者

2021-04-01

//img.mukewang.com/szimg/60656b4808049ab016000777.jpg


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

0
6
weixin_慕盖茨8478392
回复
慕仰2175266
研究了一下午都没搞定,非常感谢
2022-01-11
共6条回复

Vue + EChart 4.0 从0到1打造商业级数据报表项目

数据可视化是未来前端技术的标配,是未来前端竞争的破冰利器

5701 学习 · 79 问题

查看课程