mpvue-echarts
mpvue-echarts copied to clipboard
自定义 canvasId 不支持驼峰命名法
问题描述:
canvasId 使用驼峰命名法时,querySelector获取元素,boundingClientRect无法正确获取元素的宽度高度
// echarts.vue 的init方法中
const query = wx.createSelectorQuery();
query.select(`#${canvasId}`).boundingClientRect((res) => {});
表现:
-
canvasId设置为 kebab-case:width: 375.20001220703125 , height: 293
<mpvue-echarts canvasId="trend-line" :echarts="echartsInstance" :onInit="initChart" :throttleTouch="true"></mpvue-echarts>

-
canvasId 设置为 camel-case:width: 75 , height: 26.399999618530273
<mpvue-echarts canvasId="trendLine" :echarts="echartsInstance" :onInit="initChart" :throttleTouch="true"></mpvue-echarts>
