Behavior : Pie chart

Author:Rex.Rainbow

Download

Properties

Segment stroke

  • Show a stroke on each segment.
    • Options : ["No","Yes"]

Segment stroke color

  • The colour of each segment stroke.

Segment stroke width

  • The width of each segment stroke.

Animation

  • Animate the chart.
    • Options : ["No","Yes"]

Animation easing

  • Animate the chart.
    • Options : ["Linear","EaseInQuad","EaseOutQuad","EaseInOutQuad","EaseInCubic","EaseOutCubic","EaseInOutCubic","EaseInQuart","EaseOutQuart","EaseInOutQuart","EaseInQuint","EaseOutQuint","EaseInOutQuint","EaseInSine","EaseOutSine","EaseInOutSine","EaseInExpo","EaseOutExpo","EaseInOutExpo","EaseInCirc","EaseOutCirc","EaseInOutCirc","EaseInElastic","EaseOutElastic","EaseInOutElastic","EaseInBack","EaseOutBack","EaseInOutBack","EaseInBounce","EaseOutBounce","EaseInOutBounce"]

Animate rotate

  • Animate the rotation of the Pie.
    • Options : ["No","Yes"]

Animate scale

  • Animate scaling the Pie from the centre.
    • Options : ["No","Yes"]

Duration

  • Duration of animation in seconds.

Actions

Chart - data

Action:Add data

  • Add data.
    • Value ( number ) : Data value.
    • Color ( string ) : Color, hex "#FFA500", "rgb(0-255,0-255,0-255)", "rgba(0-255,0-255,0-255,0-1)", "hsl(0-360,0-100%,0-100%)", or "hsla(0-360,0-100%,0-100%,0-1)"

Action:Clean all data

  • Clean all data.

Configure - Animation

Action:Enable animation

  • Set whether the animation is enabled.
    • State ( Combo ) : Set whether to enable or disable the animation.
      • Options : ["Disabled","Enabled"]

Action:Set duration

  • Set animation duration.
    • Duration ( number ) : Duration of animation in seconds.

Action:Enable animation type

  • Set whether the animation types are enabled.
    • Rotate ( Combo ) : Set whether to animate the rotation of the Pie.
      • Options : ["Disabled","Enabled"]
    • Scale ( Combo ) : Set whether to animate scaling the Pie from the centre.
      • Options : ["Disabled","Enabled"]

Configure - Segment stroke

Action:Enable bar stroke

  • Set whether the segment stroke is enabled.
    • State ( Combo ) : Set whether to enable or disable the segment stroke.
      • Options : ["Disabled","Enabled"]

Action:Set segment stroke

  • Set segment stroke.
    • Color ( string ) : Stroke color, hex "#FFA500", "rgb(0-255,0-255,0-255)", "rgba(0-255,0-255,0-255,0-1)", "hsl(0-360,0-100%,0-100%)", or "hsla(0-360,0-100%,0-100%,0-1)"
    • Width ( number ) : Stroke width.

Draw

Action:Draw

  • Draw chart.

Expressions

Conditions

Drawing

Condition:On drawing finished

  • Triggered when drawing finished.

Condition:Is drawing

  • Return true while drawing.