d3.js手机端做图表时如何做自适应？

Question

用d3做手机端图标，手机端用了flexoble.js动态设置html的font-size和dpr。
但是却导致图标显示差异很大（以为内图标传的值都是数值形式，而不是rem单位的）

phone6s p dpr=3

meizu note3 dpr=1

iphone 6 dpr=2

这里由于图标传入的数值不能是rem单位

rectData:[180,200,170,20,180,50,90]
...
let linear = d3.scaleLinear()
                                    .domain([0,d3.max(this.rectData)])
                                    .range([0,200]);// 设置图表范围

而设置图表范围时如果也用rem单位，柱状图是可以自适应了，但是坐标显示会问题。

let linear = d3.scaleLinear()
                                    .domain([0,d3.max(this.rectData)])
                                    // .range([0,200]);
                                    .range([0,'6rem']); // 使用rem时

请问是否有办法解决？