分别用两套样式对应微信小程序使用echarts的tooltip的名称和数值

对于微信小程序使用echarts的tooltip，可以通过以下两种样式来对名称和数值进行不同的处理：

样式一：使用 formatter 属性来自定义tooltip的显示内容，通过 CSS 样式来区分名称和数值。

tooltip: {
  formatter: function (params) {
    return '<div class="tooltip-name">' + params.name + '</div>' +
           '<div class="tooltip-value">' + params.value + '</div>';
  }
}

.tooltip-name {
  font-weight: bold;
}

.tooltip-value {
  color: #999;
}

样式二：使用 rich 属性来对不同的部分进行样式设置。

tooltip: {
  trigger: 'axis',
  axisPointer: {
    type: 'shadow'
  },
  formatter: function (params) {
    return '{a|' + params[0].name + '}<br/>' +
           '{b|' + params[0].value + '}';
  },
  rich: {
    a: {
      fontWeight: 'bold'
    },
    b: {
      color: '#999'
    }
  }
}

.echarts-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

.echarts-tooltip-name {
  font-weight: bold;
}

.echarts-tooltip-value {
  color: #999;
}

.echarts-tooltip-name:after {
  content: ':';
  margin-right: 5px;
}

注意：样式二需要在 CSS 中设置 `.echarts-tooltip` 的样式，并在 formatter 中使用 `{a|}` 和 `{b|}` 来分别对应 rich 中的样式设置。