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

    配置截图参考
    复杂报表百分比条形图 - 图1

    结果参考
    复杂报表百分比条形图 - 图2

    第一步:获取百分比数据,参考D3
    如下图
    B1:销售额总和
    B3:地区
    C3:每个地区的销售额
    D3:每个地区销售额占销售额总额的占比*100,取整 复杂报表百分比条形图 - 图3

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

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

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

    style="position:relative;"

    复杂报表百分比条形图 - 图4

    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>"

    复杂报表百分比条形图 - 图5

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

    复杂报表百分比条形图 - 图6