Liquid Chart

Pattern

• Size/Position
  • Size: width and height of the component. Unit: pixel.
  • Position: position where the component is located in the canvas. Unit: pixel.
  Figure 1 Size and position of a liquid chart
  
• Outer Frame
  • Shape: shape of the outer frame.
  • Diameter: to set the diameter of the outer frame by entering a value or dragging .
  • Border Color: border color of the outer frame.
  • Border Width: border width of the outer frame.
  • Internal Distance: distance between the wave and outer frame.
• Text
  • Font: text font.
  • Color: font color of the text.
  • Overlap Color: overlap color between the wave and text.
  • Font Size: font size of the text.
  • Font Width: font width of the text.
  • Relative Position: Relative position of the text in the liquid chart. The options are Top, Vertical center, and Bottom.
• Wave
  • Wavelength: to set wavelength by entering a value or dragging .
  • Amplitude: to set the wave amplitude by entering a value or dragging .
  • Cycle: to set a cycle by entering a value or dragging .
  • Animation: to set whether to display animation effect and the animation direction.
• Series
  Color: to set the wave color by clicking the color editor.

  Figure 2 Series of a liquid chart
  
• Message
  • Message: If you click , a message will pop up when you hover over a previewed or published component.
  • Color: font color of the message.
  • Font Size: font size of the message.
  • Font Width: font width of the message.

Data

For details about how to configure component data, see Configuring Component Data.

Interaction

For details about whether the component supports the interaction function and how to use the interaction function, see Configuring Component Interaction.