巧用数据预处理，完美实现uchart堆叠柱状图数据对比

移动端图表开发中，堆叠柱状图常用于对比不同数据类型在同一时间点的数值。然而，uChart与echarts在堆叠柱状图设置上存在差异，导致直接使用uChart时，可能无法实现单个数据系列的堆叠，所有数据都堆叠在一个柱子上。本文提供一种数据预处理方法，解决此问题。

问题：uChart不支持对单个数据系列设置堆叠属性，导致无法像echarts一样，将不同数据类型的数据分别堆叠在同一X轴坐标上对比展示。

解决方案：通过数据预处理，模拟echarts的堆叠效果。关键在于调整数据源结构，将需要对比的数据类型分别处理成不同的数据系列，每个系列对应一个柱体，再利用uChart的堆叠图表类型，实现视觉上的堆叠效果。

例如，原始数据：

[
  { name: 'A', value1: 10, value2: 5 },
  { name: 'B', value1: 15, value2: 12 },
  { name: 'C', value1: 8, value2: 20 }
]

处理后的数据：

[
  { name: 'A', value: 10, type: 'value1' },
  { name: 'B', value: 15, type: 'value1' },
  { name: 'C', value: 8, type: 'value1' },
  { name: 'A', value: 5, type: 'value2' },
  { name: 'B', value: 12, type: 'value2' },
  { name: 'C', value: 20, type: 'value2' }
]

将处理后的数据传入uChart，设置图表类型为堆叠柱状图，uChart会将type: 'value1'和type: 'value2'的数据分别绘制成不同的柱体，并在同一X轴坐标上堆叠，达到数据对比的目的。

这种方法的核心是改变数据的组织方式，而非修改uChart功能。通过巧妙的数据预处理，有效弥补了uChart在堆叠柱状图功能上的不足，实现期望的图表效果。