Problems related to the use of ucharts (components) in uniapp

 1.uCharts The chart cannot get the correct index and location

problem : Click on the corresponding bar Get index , The location information is incorrect
solve : The parent container has relative positioning or fixed positioning , Remove it

2. Chart level problem

problem :pc No problem , The level of real machine debugging chart is too high , On top of all components
solve : Turn on 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. Update frequently chartsData Data chart jitter problem

problem : Update data , Chart jitter
solve : Update again ucharts Clear the last data before data , And get the data

        // obtain ucharts data 
        getInitUchartsData() {
            this.isLoading = true;
            // Clear the last data before each data acquisition 
            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;
                });
        },