[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"de62ec1c-813e-40b1-8160-a4cd109afe64","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

KPI 看板

功能概述

KPI 看板可以清晰地展示某个维度的不同 KPI,比如每个“区域”的销售额、利润等,支持进行条件格式化显示。

image

添加KPI看板

单击数据可视化按钮展开图表列表,然后选中KPI看板组件并拖拽至编辑区,即可添加一个 KPI 看板。

image

数据绑定

添加组件后,数据绑定面板会自动打开。在数据绑定面板中选择数据集或数据模型,例如我们选择“ Demo_销售明细 ”。

image

然后将数据集中的字段拖拽到组件的各个绑定区域完成数据绑定,可见组件已经按照绑定的字段进行了绘制。

image

数据绑定区域

说明

数值

KPI看板中显示的指标,可绑定一个或多个字段。

分类

看板所需显示的维度,可绑定一个字段或不绑定字段

前端数据处理

将数据绑定到组件后,可以对字段和数据进行进一步配置处理,使其更符合使用场景的需要。

比如修改数据显示格式、字段重命名、级联显示效果。

或者进行数据的聚合运算(合计、平均数、最大值、最小值、计数)、快速运算(排名运算、占比运算、累计运算、移动运算、以及基于日期的同环比运算等)。

具体操作请详见数据处理

image2022-12-1_16-29-28.png

image

数据探索与分析

KPI 看板支持部分数据探索分析能力,可为您的数据可视化分析过程提供强有力的支撑。比如为组件添加过滤器、数据排名、排序、切换组件类型等等。

image

这里我们为组件添加了一条数据格式化显示,使得订单利润大于80w的数据显示为特殊样式。

image

关于数据探索的具体介绍请详见数据探索与分析章节中对应的介绍。

外观与属性

组件基本创建完成后,还可以对其外观属性进行进一步的个性化设置。

选中组件,在编辑区右侧选择属性设置或者双击该图表,打开属性设置面板即可进行图表属性的设置。

image

这里仅为您介绍KPI看板特有的图表样式属性,其他项目的详细介绍请参见组件外观与属性设置

图表样式

  • 背景图片:设置看板各条目卡片的填充背景图片。

  • 每行个数:每行显示几个条目卡片。

  • 条目间距:看板中各条目卡片的间距。

  • 分类名对齐方式:各条目中分类名的对齐方式。

  • 分类名字体设置:设置分类名的字体样式。

  • 指标间距:卡片中具体指标之间的间距。

  • 指标名宽度占比:设置指标名的宽度占比。

  • 指标名对齐方式:指标名的对齐方式。

  • 指标名字体设置:设置指标名的字体样式。

  • 指标值对齐方式:设置指标值的对齐方式。

  • 指标值字体设置:设置指标字体的样式。

    image


条目样式

  • 填充颜色:设置看板各条目卡片的填充颜色。

  • 圆角弧度:为条目卡片设置圆角。

  • 边框颜色:设置条目的边框颜色。

  • 线宽:设置条目边框的线宽。

  • 线型:设置条目边框的线型,支持实线和虚线。

    image