第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

echarts踩過的坑

一、echarts外的容器设置了百分比,又遇到了tab切换

echarts绘制图表计算宽度的时候,由于第二个tab的属性display: none;所以无法获取到clientWidth,而 parseInt(stl.width, 10)) 将width: 100%;转为100,所以计算出的图表宽度为100px,效果如下:

图片描述

计算具体的值,赋给容器div

二、echarts的提示层的内容都是拼接的,还需要把小图例显示出来

图片描述

formatter: (params)=> {

if(params && params.length > 0){

let ftmArr = new Array(), marker;

for(let i = 0, len = params.length; i < len; i++){

marker = params[i].marker.replace(/border-radius:\d+px/, 'border-radius:0px');

ftmArr.push(`${marker} ${params[i].seriesName}:&nbsp;&nbsp;${params[i].value}%<br />`);

}

return ftmArr.join('');

}

}

marker是小图例,console.log出来可以看到他是个span标签,可以随意替换他的样式

三、从新渲染echarts,要先把之前的数据清掉

barBackCarType.clear();

图片描述

四、动态计算高度付给echarts的容器,echarts取不到这个值要resize下echarts

barBackCarType.resize();

五、轴线名称对齐问题

图片描述

方法一:可以用padding负值来跟轴线刻度对齐,但是ie8不兼容

方法二:把轴线名称写在轴线刻度里,无兼容性问题

點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消