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;
});
},