[{"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)

数据表

功能概述

数据表image2019-9-16_10-0-23.png用来展示数据集中的原始数据。

支持添加数据过滤条件格式化数据排序等效果。

image2019-9-16_10-4-30.png

添加数据表组件

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

image

数据绑定

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

image

将数据集中的字段拖拽到绑定区域完成数据绑定,在左侧编辑区可见组件已经按照绑定的字段进行了绘制。

image

数据处理

将数据绑定到组件后,可以对数据集以及绑定的字段进行配置,实现数据的前端处理。

比如进行字段重命名、设置数据格式,数据单位、对齐方式等。

image2022-4-12_17-50-39.png

image

比如当我们使用了类似折扣这样的字段时,就可以通过设置格式,将其显示为百分比。

image2020-5-14_12-15-44.png

注意

对数据集中字段进行的操作会在当前仪表板中的所有组件生效;而对组件数据绑定区字段进行的操作仅在当前组件生效。

相关链接:

数据探索与分析

数据表组件支持添加数据过滤、条件格式化以及数据排序。

如下图所示将订单利润和折扣列都添加了数据格式化显示效果,大大增强了数据的阅读性。您还可以进一步添加数据排序等操作。

image

具体操作方法请详见:

外观与属性

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

如设置外观样式、预览时自动滚动修改标题颜色、调整文本对齐方式、列宽和列的显示次序等等。

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

image

相关链接:

应用场景示例

添加星星图标

1. 单击组件数据格式化按钮。

image

image2022-3-14_15-30-38.png

2. 按照下图所示选择需要的图标。

image2022-3-14_16-32-11.png

3. 查看效果。

image2019-11-7_11-15-57.png

显示为货币格式

1. 单击设置按钮,选择设置格式

image

2. 选择货币,并设置小数位数和货币符号,并单击确定按钮。

image2019-11-7_11-19-6.png

3. 预览格式化效果。

image2020-5-14_13-38-47.png