复杂报表百分比条形图
更新时间: 2022-10-09 14:18:38
阅读 633
场景说明
在单元格中,展现指标完成百分比的柱状图效果
配置截图参考
结果参考
第一步:获取百分比数据,参考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单元格增加边框线 防止颜色溢出
文档反馈
以上内容对您是否有帮助?