开发者社区 问答 正文

quickBI 仪表板环形图和仪表盘

1、环形图样式中间显示总计值可以显示2个指标吗?如(管理人员的人数、占比),帮助文档是否能补充环形图的操作样例?
2、仪表盘的颜色显示能动态变化吗?例如仪表盘分为目标和实际的区分颜色,情况1实际大于目标时为未达标则标红展示,情况2实际小于目标时为未达标则标蓝展示。

展开
收起
游客vm6gggbgcfjo4 2023-10-18 17:41:24 75 发布于广东 分享
分享
版权
举报
阿里云 AI 助理回答

问题1:环形图样式中间显示总计值可以显示2个指标吗?如(管理人员的人数、占比),帮助文档是否能补充环形图的操作样例?

根据现有知识库内容,环形图的中间区域通常用于显示总数或关键指标。然而,是否支持同时显示两个指标(如管理人员的人数和占比)取决于具体产品的功能实现:

  1. 日志服务中提到,环形图在保持饼图基本形态的同时增加了总数显示区域。但未明确说明是否支持同时显示多个指标。
  2. DataV数据可视化中的环图支持“指标卡样式展示”,允许自定义标题和数值样式。这表明可以通过配置中心内容来显示多个指标,例如:
    • 标题:设置为“管理人员人数”。
    • 数字内容:设置为具体的数值和占比。
  3. 进度环图也提到中心内容支持文本和图形样式的自定义,包括标题、数字前缀/后缀等。这进一步验证了通过合理配置可以实现多指标展示。

操作建议

若需在环形图中间显示两个指标(如人数和占比),可参考以下步骤: 1. 配置中心内容: - 在“指标卡”或“中心内容”配置项中,设置标题为“管理人员人数”。 - 设置数字内容为实际人数,并添加后缀“人”。 - 使用分隔符(如br)换行,添加占比信息(如“50%”)。 2. 样式调整: - 调整字体大小、颜色和位置,确保两个指标清晰可见。 - 如果需要更复杂的布局,可通过自定义HTML/CSS实现。

补充操作样例

目前知识库中未提供直接针对双指标展示的样例,但结合上述配置方法,用户可以尝试以下伪代码作为参考:

{
  "centerContent": {
    "title": "管理人员人数",
    "number": "50人",
    "suffix": "br50%"
  }
}

问题2:仪表盘的颜色显示能动态变化吗?例如仪表盘分为目标和实际的区分颜色,情况1实际大于目标时为未达标则标红展示,情况2实际小于目标时为未达标则标蓝展示。

根据知识库内容,仪表盘的颜色确实支持动态变化,且可以通过条件样式配置实现不同场景下的颜色切换:

  1. 智能商业分析 Quick BI中提到,环形柱状图支持“计算能力”和“可视化效果”,包括标签、图例和背景的自定义配置。虽然未明确提及动态颜色变化,但其强大的计算能力可能支持此类需求。
  2. DataV数据可视化中的“条件样式”功能明确支持基于数据条件的动态颜色变化。例如:
    • 添加条件样式规则,当“实际值 > 目标值”时,设置颜色为红色。
    • 当“实际值 < 目标值”时,设置颜色为蓝色。
  3. 3D环图中提到“类型映射”功能,可以根据数据中的特定字段设置颜色映射。这为动态颜色变化提供了另一种实现方式。

操作建议

要实现仪表盘颜色的动态变化,可按照以下步骤操作: 1. 启用条件样式: - 在样式配置面板中找到“条件样式”选项。 - 单击“添加条件样式”,设置如下规则: - 条件1实际值 > 目标值,颜色设置为红色。 - 条件2实际值 < 目标值,颜色设置为蓝色。 2. 应用颜色映射: - 如果使用“类型映射”功能,将“目标值”和“实际值”分别映射到不同的颜色。 - 确保数据源中包含目标值和实际值字段。 3. 测试与调整: - 预览仪表盘,检查颜色是否按预期变化。 - 根据实际需求微调颜色、透明度等样式。

示例配置

以下是一个伪代码示例,展示如何通过条件样式实现动态颜色变化:

{
  "conditionalStyles": [
    {
      "condition": "actual > target",
      "color": "red"
    },
    {
      "condition": "actual < target",
      "color": "blue"
    }
  ]
}

总结

  1. 环形图中间显示两个指标是可行的,可通过“指标卡”或“中心内容”配置实现,建议结合具体产品文档进行详细配置。
  2. 仪表盘颜色动态变化可通过“条件样式”或“类型映射”功能实现,满足目标与实际值对比的场景需求。
有帮助
无帮助
AI 助理回答生成答案可能存在不准确,仅供参考
0 条回答
写回答
取消 提交回答