The word cloud widget allows you to customize the style and shape of the word clouds and the data values as needed.

Style

  • Basic Attributes
    • Size: Set the size of the widget by adjusting its width and height.
    • Position: Set the position of the widget by adjusting its abscissa and ordinate.
    • Others: Set the rotation angle and opacity of the widget.
  • Global Settings
    • Font Family: To set the font of the displayed text, click the drop-down arrow and select the target font. The default font is Microsoft YaHei.
    • Max Font Size: To set the maximum font size of the displayed text, enter a value or drag the slider.
    • Min Font Size: To set the minimum font size of the displayed text, enter a value or drag the slider.
  • Shape: To display the shape of the word cloud, click the Eye icon.
    • Image: To delete the image, click the Delete icon in the dashed line box. You can enter an image URL or drag an existing image to the dashed line box from your local server.


  • Series: To add or delete a series, click + or click the Trash icon.
    • Series Color: To change the font color of the text of each series, see Color picker.


Data

name: The name displayed in the widget.

value: The weight of a name. This field determines the font size of the text.



Note The widget sorts the data and then renders the series style according to the data sequence.
The following is an example:

[
{
"name": "1",
"value": 321
},
{
"name": "2",
"value": 21
},
{
"name": "3",
"value": 2
},
{
"name": "4",
"value": 1
}
]

The configuration items are as follows: series 1:"red", series 2:"blue", series 3:"yellow".

The rendering result is as follows: name:1 => "red", name:2 => "blue",name:3 => "yellow",name:4 => "red".

Interaction

This widget is not connected to any events yet.