作者:依心摇曳少校 | 来源:互联网 | 2023-09-25 20:40
用d3做手机端图标,手机端用了flexoble.js动态设置html的font-size和dpr。但是却导致图标显示差异很大(以为内图标传的值都是数值形式,而不是rem单位的)
用d3做手机端图标,手机端用了flexoble.js动态设置html的font-size和dpr。
但是却导致图标显示差异很大(以为内图标传的值都是数值形式,而不是rem单位的)
phone6s p dpr=3
meizu note3 dpr=1
iphone 6 dpr=2
这里由于图标传入的数值不能是rem单位
1 2 3 4 5
| rectData:[180,200,170,20,180,50,90]
...
let linear = d3.scaleLinear()
.domain([0,d3.max(this.rectData)])
.range([0,200]);// 设置图表范围 |
而设置图表范围时如果也用rem单位,柱状图是可以自适应了,但是坐标显示会问题。
1 2 3 4
| let linear = d3.scaleLinear()
.domain([0,d3.max(this.rectData)])
// .range([0,200]);
.range([0,'6rem']); // 使用rem时 |
请问是否有办法解决?