首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >echarts相关问题总结

echarts相关问题总结

作者头像
治电小白菜
发布2020-08-25 15:25:34
3400
发布2020-08-25 15:25:34
举报
文章被收录于专栏:技术综合技术综合

问题一, 如何调整图表的位置

写图表的时候会遇到,图表不充满给的区域如下图

解决:option里加上grid配置, 例如

const option = {
     grid: {  
        top: '10',
        bottom: '40'
      },
......
}

效果如下图

问题二, 如何更具窗口变化自动调整图表大小

如果不根据窗口改变,会导致出现大的空隙 解决: 如下代码即可

var yourChart = echarts.init(document.getElementById("taskChart"));
......
window.onresize = function () {
   yourChart.resize();
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题一, 如何调整图表的位置
  • 问题二, 如何更具窗口变化自动调整图表大小
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档