echart小程序字体大小失效问题

2019-09-01

echart简介

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

官方网站：https://www.echartsjs.com/zh/index.html
小程序源码：https://github.com/ecomfe/echarts-for-weixin

代码

echart在做web图表用的很舒服了，最近开发微信小程序，碰到一个设置字体大小，在模拟器正常，在Android手机不生效问题，查了好久，必须加个rich:{}解决。


function initChartPie1(canvas, width, height) {
  chartPie1 = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chartPie1);
  var option = {
    // tooltip: {
    //   trigger: 'item',
    //   formatter: "{a} <br/>{b}: {c} ({d}%)"
    // },
    // color: ['red', '#ccc'],
    series: [
      {
        name: '电量',
        type: 'pie',
        center: ['50%', '50%'], // 饼图的圆心坐标
        radius: ['70%', '80%'],
        avoidLabelOverlap: false,
        hoverAnimation: false,
        label: { //  饼图图形上的文本标签
          normal: { // normal 是图形在默认状态下的样式
            show: true,
            position: 'center',
            fontSize: 16,
            rich: {},  //注意这里
            // fontWeight: 'bold',
            formatter: '{c}' // {b}:数据名； {c}：数据值； {d}：百分比，可以自定义显示内容，
          }
        },
        labelLine: {
          normal: {
            show: false
          }
        },
        data: [{
          value: 100,
          name: "今日",
          label: {
            normal: {
              show: true
            }
          }
        },
        {
          value: 70,
          name: '昨日',
          label: {
            normal: {
              show: false
            }
          }
        }]
      }
    ]
  };
  chartPie1.setOption(option);
  return chartPie1;
}

点击量次