复杂报表百分比条形图

场景说明
在单元格中，展现指标完成百分比的柱状图效果

配置截图参考

结果参考

第一步：获取百分比数据，参考D3
如下图
B1：销售额总和
B3：地区
C3：每个地区的销售额
D3：每个地区销售额占销售额总额的占比*100，取整

第二步：配置百分比柱状图

1.修改E3单元格数据类型 设置为HTML

2.设置E3单元格的html事件 设置为HTML

style="position:relative;"

3.配置E3单元格内容： 设置后双击E3，并配置代码如下，代码中D3是第一步获取的百分比数据单元格

="<div style='background-color:red;width:"+ D3+"%;position: absolute;height: 100%;'></div><div style='color: orange;position: relative;left: 0px;'>"+ D3 +"</div>"

4.给E3单元格增加边框线 防止颜色溢出