[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","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)

ECharts词云

功能概述

词云是一种可视化描绘单词或词语出现在文本数据中频率的方式,它主要是由随机分布在词云图的单词或词语构成。

出现频率较高的单词或词语则会以较大的形式呈现出来,而频率越低的单词或词语则会以较小的形式呈现。

下面是ECharts 词云的示例效果:

image

添加ECharts词云插件

单击可视化插件按钮展开插件列表,然后在 ECharts 插件中将词云图插件拖拽至编辑区,即可添加一个 ECharts 词云插件。

image

数据绑定

添加图表后,数据绑定面板会自动打开,在数据绑定面板中选择数据集或数据模型

示例中我们使用的是一个数据集。

image

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

当数据量较大时,超出显示范围则不会显示出底图形状,后续通过属性设置可调整。

image

数据绑定区域

说明

数值

绑定数值类字段,可绑定一个或多个字段。

分类

绑定组件的分析纬度,可绑定一个字段。

颜色

最多可绑定给一个字段,绑定后数据根据该字段划分颜色。

提示标签

提示标签是指当鼠标移至图形时,会出现相应的提示信息。使用方法详见鼠标提示标签

数据处理

ECharts 插件与内置图表类似都可一进行数据处理,如对数据进行聚合运算,修改数据的显示格式和单位等等,使其更符合使用场景的需要。

数据处理详细操作介绍请参考数据处理

数据探索与分析

ECharts 插件同样支持丰富的数据探索分析能力,可为您的数据可视化分析过程提供强有力的支撑。

比如为组件添加过滤器、排名筛选、切换类型等。

有关具体操作的介绍,请参考数据探索与分析中对应的介绍。

image

基本属性外观设置

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

image


绝大部分的属性设置项目与内置其他图表一致,请参考单个组件外观与属性设置。本文中主要举例介绍不同的属性设置项。

设置云图样式

image

  • 形状: 选择云图按照什么形状来分布。内置圆形、菱形、三角形、三角形-水平、五边形和星形等。

    还可以使用自定义形状。

    image

  • 保持形状比例: 是否需要保持底图的形状比例。保持比例是指保持宽高比显示,否则会进行适当拉伸缩放,以显示完整为优先。

  • 自动字体大小: 自动分配字体大小。关闭选项后,需要手动设置字体大小的范围。

    image

自定义属性

ECharts 插件与普通内置图表最大的不同点是可以自定义属性,使用 JS 代码进行深度定制。

image

自定义属性窗口编写区可直接编写JS代码,具体配置项与 ECharts 一致,请您参考 ECharts 官网 https://echarts.apache.org/zh/option.html#title

窗口右上角的查看配置项按钮可查看产品图表中默认的配置项,当与定制内容重复时,以定制内容优先。