关于echarts图表宽度变化
最近的项目用到了echarts,我遇到一个BUG,就是echarts地图的宽度莫名其妙变化,明明设置的100%,在页面上却显示100px,
查阅资料发现是隐藏之后,影响了宽度。因为没有数据的时候需求要求显示一张“没有数据”的图片,我就将echarts图表隐藏起来了
解决方式:
使用echarts的resize()方法:
if ($("#main").width() != $("#main canvas").width() && $("#main canvas").width() < $("#main").width()) {
myChart.resize();
}
myChart也就是你初始化echarts的图表实例,上面的意思就是说如果canvas画布的宽度小于你的div宽度,就重新调整大小,
canvas也就是显示echarts图表的区域
记录编程的点滴,体会学习的乐趣
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步