前提:html已使用媒体查询设置不同屏幕宽度下的font-size
获取html的font-size样式属性
fontSize(res) {
return res * parseInt(this.getStyle('html', 'fontSize'));
},
getStyle(tagName, attr) {
var element = document.getElementsByTagName(tagName)[0];
if (getComputedStyle) {
//code for chrome Firefox
var compStyle = document.defaultView.getComputedStyle(element, false);
var tyle = compStyle[attr];
} else {
//code for ie
var comstyle = element.currentStyle;
tyle = comstyle[attr];
}
return tyle;
},
echarts中任何涉及字体大小、距离、宽度长度的位置都可调用fontSize方法
progress: {
show: true,
width: this.fontSize(0.3),
},
axisLine: {
lineStyle: {
width: this.fontSize(0.3),
},
},
js获取style参考自https://www.cnblogs.com/qianduangaoshou/p/6483126.html