1.uCharts图表无法获取正确的索引及位置


问题:点击对应bar获取索引,位置信息不正确
解决:父级容器有相对定位或者固定定位,去掉即可


2.图表层级问题


问题:pc端没问题,真机调试图表层级过高,在所有组件上层
解决:开启canvas2d

                        <Ucharts
                            class="charts"
                            type="bar"
                            :opts="businessOpts"
                            :chartData="bussinessCartsdata"
                            @getIndex="getCurrentbar"
                            :canvas2d="true"
                            canvasId="vkfYPAEGcxeMYdlHJtqzjeRfAibvPVWb"
                        ></Ucharts>


import Ucharts from "@/components/common/uCharts/components/qiun-data-charts/qiun-data-charts.vue";


3.频繁更新chartsData数据图表抖动问题


问题:更新数据,图表抖动
解决:再更新ucharts数据前将上一次数据先清空,再获取数据

        //获取ucharts数据
        getInitUchartsData() {
            this.isLoading = true;
            //每次获取数据前将上一次数据清空
            this.bussinessCartsdata = {};

            let params = {
                bidderName: this.dealerName
            };
            dealerApi
                .getBusinessDistribute(params)
                .then(res => {
                    if (res.code === 200) {
                        this.businessAreaList = res.data.businessAreaDistributeBean;
                        this.hospitalLevalList = res.data.medicalLevelBean;
                        this.areaType = "province";
                    }
                })
                .catch(err => {})
                .finally(() => {
                    this.isLoading = false;
                });
        },

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐