echarts移动端字体设置

  ·   echarts     浏览量:

在开发移动端echarts的时候,图形的字体会因为不同设备的dpr不同表现出不同的大小,因此需要进行手动设置

核心代码

function getDpr() {
  var dpr = $('html').attr('data-dpr');

  if (dpr == 1) {
    return 12;
  } else if (dpr == 2) {
    return 24;
  } else {
    return 36;
  }
};

在需要设置的时候调用一下函数就行了

如X/Y坐标设置

// 以X坐标为例(已省去多余代码)

xAxis: {
  axisLabel:{
    textStyle: {
      color: "#000",
      fontSize: getDpr(),
    },
  }
},

效果图

5

官方文档

传送门



收起 >>
echarts移动端字体设置