echart的title不显示问题

来源：4-2 销售大盘地图组件开发 1

冬天里的阳光

2021-10-19

title不生效是什么原因？地图上标题不显示
this.option = {
title: {
text: “慕课外卖销售数据大盘”,
subtext: “销售趋势统计”,
sublink: “http://www.imooc.com”,
left: “center”,
},
bmap: {
key: “…”,
center: [104.114129, 37.550339],
zoom: 5,
roam: false,
},
}

写回答

1回答

慕斯8176444

2021-11-03

因为新页面<v-chart>的父级元素高度没有设置, .echarts在全局css样式设置的宽高都是100% ,所以当前页面的<v-chart>元素高度就为0, 没有了空间title当然就显示不出来了.

在/bmap页面重新设置下.echarts的高度就可以了

.echarts {
  width: 100vw;
  height: 100vh;
}

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

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

5701 学习 · 79 问题

查看课程

相似问题

echart图表显示不出来

回答 2

.echart设置高度无效果

回答 2

引用echart不报错，但是图像不出来

回答 3

引用Ecahrts失败

回答 1

ve-map可以显示，ve-bmap显示不出来。。。

回答 2

打开慕课网App查看更多内容