You can add one or more single bubble charts (11.11 Global Shopping Festival) to a project to display data using the bubbles of different types and sizes.

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.
  • General
    • Animation Duration: To set the animation duration, enter a value, or click + or –.
    • Animation Type: To set the animation type, click the drop-down arrow and select the target type.
    • Padding: To adjust the spacing between the bubbles, enter a value, or click + or –.
    • Scale: To change the proportion of the bubbles in the chart, enter a value, or click + or –.
    • Horizontal Offset: You can adjust the horizontal spacing between the bubbles as needed. The unit is pixels.
    • Vertical Offset: You can adjust the vertical spacing between the bubbles as needed. The unit is pixels.


  • Text Style
    • Font Color: To change the font color of the displayed text, see Color picker.
    • 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.
    • Font Weight: To set the font weight of the displayed text, click the drop-down arrow and select the target font weight.
    • Max Font Size: To change the maximum font size of the displayed text, enter a value, or click + or –.
    • Min Font Size: To change the minimum font size of the displayed text, enter a value, or click + or –.


  • Node Style
    • Color: To change the color of the bubbles, see Color picker.


Data

  • value: data value that corresponds to a bubble
  • content: text of a bubble label


Interaction

This widget is not connected to any events yet.