vue-charts不能在template里使用

来源:6-5 vue-charts 重构核心指标组件

martin123_

2020-07-16

http://img1.sycdn.imooc.com/szimg/5f0fceb70937cc8814920568.jpg

http://img.mukewang.com/szimg/5f0fceb70952a97309990744.jpg


写回答

1回答

扬_灵

2020-07-16

同学你好,我们在项目中写了给模版的外层套了一个class为chart高度为50px,又给echarts设置了宽高为100%,在使用时

<template>
      <v-chart :options="getOptions()" />
</template>

会直接找上级元素50px,但是在你的代码中给图表有套了一层元素,导致图表无法找到父级

元素的高度,所以渲染不出来,如果你要给template中的图表外层加个div就必须给这个div添加高度。

<template>
      <div style="height:100%"><v-chart :options="getOptions()" /></div>
</template>

如果不能解决你的问题,可以继续追问。


0
0

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程