如何不使用rotate实现从右向左绘制的Horizontal Bar Chart

完全可以实现条形从右向左绘制的水平条形图镜像效果，不建议使用全局rotate属性处理——这类对整个图表视图的旋转/翻转变换，会同步反转所有坐标轴标签、图例、刻度文本，属于方案选型错误，并非效果无法实现。

以下是可直接落地的实现方案，按优先级排序： #

方案1：调用图表库自带的数值轴反向能力（最优，无兼容问题） #

几乎所有主流图表库（MPAndroidChart、ECharts、原生自绘场景）都针对这类需求提供了轴反向配置，不需要做任何旋转操作：

• Android端MPAndroidChart：找到水平条形图对应的数值轴（即控制条形长度的轴，不是放置分类标签的分类轴），调用setInverted(true)即可实现条形从右向左延伸，所有文本标签方向完全正常，不会出现反转。
• Web端ECharts：在条形长度对应的xAxis配置项中添加inverse: true属性即可。
• 原生Canvas自绘场景：把条形绘制的起点从绘制区域左边界改成右边界，条形的左边缘坐标计算逻辑改为绘制区域总宽度 - 数值映射的条形长度，直接绘制矩形即可，全程不需要做画布旋转。

避坑提示：不要将放置分类标签的分类轴设置为反向，否则会导致标签排列顺序颠倒，仅需给控制条形长度的数值轴开启反向即可。

方案2：分层变换绘制（无对应API时使用） #

如果所用的图表库没有提供轴反向配置，可以将图表内容拆分为两个绘制层分别处理，避免全局变换影响标签：

• 条形图形单独放在下层绘制，仅对该层做水平镜像缩放变换，实现从右向左延伸的效果
• 标签、坐标轴刻度、图例、提示文本等内容放在上层，按正常方向绘制，不做任何变换，完全不会出现反转问题

以Android Canvas自绘逻辑为例，核心代码如下：

// 保存当前画布状态
canvas.save();
// 仅对条形绘制区域做水平翻转，翻转中心取条形区域的右边界，避免位置偏移
canvas.scale(-1f, 1f, barDrawAreaRight, 0f);
// 复用原有条形绘制逻辑，不需要修改条形绘制的内部代码
drawAllBars(canvas);
// 恢复画布状态，后续绘制的所有内容都保持正常方向
canvas.restore();
// 正常绘制标签、刻度、图例等文本类内容
drawAxisAndLabels(canvas);

不推荐全局rotate的原因 #

对整个图表控件做rotate或者全局scale翻转，会连带所有附属元素一起变换，后续需要逐个给标签、图例做反向旋转修正，不仅维护成本高，还很容易出现元素对齐偏移、点击热区错位的问题。

内容的提问来源于stack exchange，提问作者Simon