文档列表
本页内容

流程数据可视化图表类型说明

图表

ProcessMind 提供了强大的图表选项,用于可视化和分析数据。这些图表使您能够快速获取洞察,识别趋势,并做出数据驱动的决策。以下是当前支持的图表类型及可用的自定义选项。


选择合适的图表类型

流程图表类型-数据可视化

  • Bar Charts(条形图)
    适合横向对比类别或分组,如活动次数、持续时间或处理时长。非常适用于离散数据的对比分析。

  • Column Charts(柱状图)
    适合纵向展示随时间变化的趋势,或按类别对指标进行对比。适用于时间序列数据或频率分布。

  • Line Charts(折线图)
    展示随时间推移的趋势、进展或变化,如case处理量每日、每周走势。适合连续型数据。

  • Area Charts(面积图)
    与折线图类似,但下方区域填充颜色。用于突出变化幅度或累计趋势。

  • Pie Charts(饼图)
    展示整体中各部分的占比,例如某流程中各活动类型或case分布。

  • Donut Charts(环形图)
    饼图的变体,中间空心可加入额外信息。适合高亮占比,并可在中心区域补充说明。

  • Radial Bar Charts(径向条形图)
    以圆形方式展现分组或类别数据,视觉效果好,适合空间有限场景下对比数据。

  • Gauge Charts(仪表盘图)
    展示目标或KPI的完成进度,非常适合一目了然地展示绩效指标,或case数与总数对比。

  • Text Charts(文本图表)
    用文字形式展现关键统计、KPI等核心数据,通常与图表配合概览重点。 Text Charts支持markdown标记,可丰富内容样式(如粗体、斜体)、插入表格和图片等,完整教程详见 这里 。 还可以结合指标表达式动态生成内容,相关说明详见 这里

  • HTML Frames(HTML嵌入)
    用于在仪表盘中嵌入外部或动态内容,如自定义图表、报表等,满足原生组件未支持的可视化需求。

预设图表

这些是ProcessMind中可用的预设数据级图表。包括

  • 案例前缀图表
  • 事件前缀图表
  • 可持续性指标图表

这些图表可以附加到单个数据集或多个数据集中的属性上,只要它们共享一个共同元素。


图表自定义选项

ProcessMind中的每个图表都可以通过以下选项进行自定义:

常规

  • 图表标题
    设置自定义标题。如未设置,将默认用所选属性名。

  • 图表类型
    可轻松切换为其他支持的图表类型。

  • 列属性(不适用于:Gauge Charts、Text Charts、HTML Frames)
    选择用于图表显示的属性。属性将根据数据自动着色,便于识别。

  • 文本(仅适用于:Text Charts)
    可用markdown语法丰富排版,包括标题、列表、加粗、斜体等。手册见 此处 。 可结合指标和计算的表达式,支持动态内容生成,详见 此处

  • HTML(仅适用于:HTML Charts)
    可在图表容器内嵌入自定义HTML内容,更灵活展示信息和集成外部内容。 内置默认HTML模板,可适配深色和浅色主题。 也能用“文本”部分的表达式和元素,如${metric}${total - metric}


指标

关于每个指标的说明详见指标文档:

指标指南
详尽了解各类指标,并轻松学会如何高效在图表中使用。
  • 范值设置

你可为gauge类图表自定义范值区间,如“正常”“警示”“预警”等。点击范值设置面板添加或编辑区间。 范值数量不设限制

image 设置步骤:

  • 新增范值 点击+ Add按钮,创建新范值区间。
  • 名称 输入范值区名称(如Low、Medium、High),方便区分。

起始/终止

  • 起始:定区间下限。留空并选“Minimum”为最低值起始。
  • 终止:定区间上限。留空选“Maximum”为最高值结束。 选项

每个边界旁有下拉菜单(Option),决定边界处理方式。如:

  • Minimum/Maximum — 对应图表整体最小或最大值。
  • Normal — 用输入值并包含在区间内。

颜色 点击色块选区间颜色。建议不同区间用不同色(如绿色、橙色、红色);如需调整,可在主题的“Chart colors”中设置。

  • 填充 开关填充决定是否以区域方式显示,仅适用条形图和柱状图。
  • 删除 点垃圾桶图标可删除范值区间。

范值在图表中的显示效果(gauge示例): image

加上范值后,gauge会按颜色分段,当前值以指针及数字显示在中央。如下例,包含三段:

  • Low:最小~100(绿色)
  • Medium:100–110(橙色)
  • High:110~最大(红色)

若当前值为87/120,指针位于绿区,即“低”范值,指示条颜色也同步。

如此设置让用户直观判断指标是否正常、接近阈值或超出范围。


筛选与排序

  • 图表筛选器
    可对图表数据进行筛选,聚焦于特定信息子集。 image 仪表盘筛选区的所有筛选器都可应用在图表上。这些筛选器会叠加在已有规则上,除非你关闭“应用筛选器”,此时该图表只使用当前固定筛选。

  • 筛选数据
    可筛选Open、Closed或全部Case。

  • 排序方式
    可选择排序顺序(自动、升序、降序等)。

  • 显示前X项
    可限制图表展示的数据数量,上限自定义。

  • 应用全局筛选
    决定是否对本图表应用全局筛选。

  • 应用时间筛选
    决定该图表是否应用时间筛选。


标签
  • 显示数据标签:
    开关以在图表点上显示标签。
  • 显示X轴标签:
    启用或禁用X轴标签并定制它们。
  • 显示Y轴标签:
    启用或禁用Y轴标签并定制它们。
  • 图例位置:
    设置图例位置(顶部、底部、左侧、右侧)。

样式

  • 填充样式
    可自定义图表视觉,支持多种填充:
    • 渐变:为图表添加渐变效果。
    • 纯色:用数据集指定纯色。
    • 单色:用数据集一种颜色。
    • 单色渐变:在单色基础上添加渐变。
X-ray

通过利用这些图表类型和自定义选项,ProcessMind使您能够创建高度定制的可视化,与您的特定分析需求相匹配,并提供清晰的、可操作的洞察力。