Behavior : Doughnut chart

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.

Percentage inner cutout

• The percentage of the chart that we cut out of the middle.

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 Doughnut.
• Options : ["No","Yes"]

Animate scale

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

Duration

• Duration of animation in seconds.

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 Doughnut.
• Options : ["Disabled","Enabled"]
• Scale ( Combo ) : Set whether to animate scaling the Doughnut from the centre.
• Options : ["Disabled","Enabled"]

Configure - Inner cutout

Action:Set percentage of inner cutout

• Set percentage of inner cutout.
• Percentage ( number ) : The percentage of the chart that we cut out of the middle.

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.

Drawing

Condition:On drawing finished

• Triggered when drawing finished.

Condition:Is drawing

• Return true while drawing.