echarts图表自适应的问题

网上找到了在js加了这句代码想实现自适应 window.onresize = myChart.resize;
(可有个小问题,第三张图片。还望大神帮忙解答 万分感激)

前两张图:紫色容器内的echrats图表;手动拖动窗口大小 图表会自适应
第三张图:通过点击左上角调出侧面导航之后触发js 紫色容器css的宽度设为原先的70%;图表没有自适应了 这是为什么?
紫色容器内的echrats图表;手动拖动窗口大小 图表会自适应

紫色容器内的echrats图表;手动拖动窗口大小 图表会自适应

通过点击左上角调出侧面导航之后紫色容器css的宽度设为原先的70%;图表就不自适应了 这是为什么

阅读 3.4k
3 个回答

总结一下, 拖动窗口的情况下(不管拖大拖小) 图表都会自适应的。但是通过js触发 改变容器的大小 则不会自适应。有什么办法能解决吗t t

window.addEventListener("resize", function () {

                  chart.resize();

              });

会不会是宽度太窄,内容溢出?
、你试一下吧周五到周日的值调小一点试试能不能自适应。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题