使用uCharts遇到的问题点

在h5中用scrpit的src引入u-charts.min.js报错ReferenceError: uCharts is not defined

将u-charts.min.js最后一句的export default uCharts去掉就可以了

运行未报错,但图表不显示

在使用ucharts时,图表不在当前页签,显示图表的事件放在mounted里面,导致图表不显示,也没有任何报错,经查原因是offsetWidth 一定要对象显示出来了才能获取,否则获取的为0

基于这情况就将显示事件放在点击标签的事件中

图表不清晰 要设定好pixelRatio

const ctx = canvas.getContext("2d");

const pixel = window.devicePixelRatio;

canvas.width = canvas.offsetWidth * pixel;

canvas.height = canvas.offsetHeight * pixel;

然后在new uCharts({})中设定pixelRatio

width: canvas.width,

 height: canvas.height,

pixelRatio: pixel,

2022-11-26

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容