使用条形图实现进度条

编辑
  • 文档创建者:axing
  • 浏览次数:1582次
  • 编辑次数:4次
  • 最近更新:Leo.Tsai 于 2019-07-05
  • 1.描述

    现有的文档当中 图形化显示数据(进度条/等级)单元格进度条插件 可以实现在单元格中显示进度条,除此之外,利用条形图也可以实现进度条,如下:

    进度条01.png

    2. 实现思路

    在单元格中插入条形图,然后设置数据和调整相关样式。

    3. 操作步骤/示例

    1)新建 SQL 查询

    SELECT * FROM 销量

    条形图02.png

    2)报表设计如下:

    A2,B2 拖入相应的字段,C2 单元格插入条形图

    注:B2单元格销量数据需要求和

    条形图03.png

    3)设置条形图数据

    数据来源:单元格数据

    分类名:=A2

    系列名:="销量"

    值:=B2

    条形图04.png

    4)取消标题可见

    样式>标题下的标题可见前面的勾去掉

    条形图05.png

    5)取消图例可见

    样式>图例下的图例可见前面的勾去掉

    条形图06.png

    6)使用标签

    样式>标签下,勾选使用标签,内容默认显示值。

    条形图07.png

    7)设置坐标轴-X轴

    样式>坐标轴>X轴下,设置轴标签为隐藏,自定义最大值为:=max(B2[!0])

    条形图08.png

    8)设置坐标轴-Y轴

    样式>坐标轴>Y轴下,设置轴标签为隐藏,轴线样式类型为无,主要刻度线关闭

    条形图09.png

    9)去除背景中的网格线

    样式>背景>绘图区下,设置网格线纵向背景为透明

    条形图10.png

    10)去除工具栏

    特效>交互属性下,取消排序、导出图片、全屏展示前面的勾

    条形图11.png

    11)保存预览

    4. 效果查看

    1)PC

    进度条01.png

    2)App

    微信图片00.jpg

    3)H5

    微信图片01.jpg

    5.已完成模板

    附件列表


    主题: 报表应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]