如题最近在弄echarts图表,由于之前做得都是固定大小的图表例如height:100px width:200px,由于之前面试官问到了这个问题,当时回答得不好,所以后续自己复习了一遍
上代码:
先引入vue,echarts,jq
接着是代码结构,比较简单左右各一个div,一人一半,id为main为图表容器
js渲染:自适应关键代码在最底部
结果翻车了,图表第一次渲染达不到自适应的效果,需要屏幕放大缩小一下才能实现,思来想去很多次,还是没有用
最后抱着试一试的态度,在实际项目里使用,下载 npm install echarts --save,然后成功了,在html文件里引入js,和在项目里使用代码完全一致,但是不知道问题出在哪里,初步猜测是引入的js文件是精简过的