amis图表在vue中使用遇到的获取不到宽高

648 阅读1分钟

写着主要的原因就是amis用的人还是太少了,然后我就是想,其他人遇到这种基础问题后使用amis的人可以解决快一点吧,不至于百度了半天找不到一点有用的信息,不喜勿喷我是菜鸟,第一次写东西还请多多包涵

image.png 缺少charts.js 其实这个一目了然因为我是使用的vue我并没有直接采用sdk的方式直接引入js ,我是直接下载了npm 下载了amis的包,这个问题直接import引入这个文件目录下的js文件就可以

import "amis/sdk/charts.js"

如果是这个问题也不至于我在这里水文章,在引入这个就是之后就出现了一个新的问题

image.png

Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload.

报这个错误你们看我下面的csss我其实指定了的但是为啥还渲染没有宽高的呢,一开始我以为是js导致的其实并不是,我百度了一圈也没找到解决方法和相关的东西,我是咋解决的呢?存靠运气好自己无意改了一下主题样式才解决,其实就是他的css为空导致他内部的div无法渲染出宽高导致的,因为我在mian里面引入了antd的样式文件我就没想到会是我的样式出现了问题。他的渲染函数embed默认应该是cxd的样式,在没有指定的我引入的antd的样式的时候和同时全局或者局部没有引入cxd.css的时候就会出现错误,解决方法就是配置引入的css主题样式

image.png

image.png