Behavior : Polar area chart
Author:Rex.Rainbow
- Draw a polar area chart on the canvas. The api of chart - http://www.chartjs.org/
Download
Properties
Scale overlay
- Show the scale above the chart data.
Scale override
- Override with a hard coded scale.
Scale steps
- The number of steps in a hard coded scale, required if Scale override sets to Yes
Scale step width
- The value jump in the hard coded scale, required if Scale override sets to Yes
Scale start value
- The centre starting value, required if Scale override sets to Yes
Scale show line
- Show lines for each scale point.
Scale line color
- Colour of the scale line.
Scale line width
- Pixel width of the scale line.
Scale show labels
- Show labels on the scale.
Scale label
- Interpolated JS string - can access value.
Scale font family
- Scale label font declaration for the scale label.
Scale font size
- Scale label font size in pixels.
Scale font style
- Scale label font weight style.
- Options : ["Normal","Bold","Bolder"]
Scale font color
Scale show label backdrop
- Show a backdrop to the scale label.
Scale backdrop color
- The colour of the label backdrop.
Scale backdrop padding X
- The backdrop padding above & below the label in pixels.
Scale backdrop padding Y
- The backdrop padding above & below the label in pixels.
Segment stroke
- Show a stroke on each segment.
Segment stroke color
- The colour of each segment stroke.
Segment stroke width
- The width of each segment stroke.
Animation
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.
Animate scale
- Animate scaling the Pie from the centre.
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
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 - Scale label backdrop
Action:Enable label backdrop
- Set whether the label backdrop is enabled.
- State ( Combo ) : Set whether to enable or disable the label backdrop.
- Options : ["Disabled","Enabled"]
Action:Set label backdrop
- Set scale label backdrop.
- Color ( string ) : Backdrop 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)"
- Padding X ( number ) : The backdrop padding above & below the label in pixels.
- Padding Y ( number ) : The backdrop padding above & below the label in pixels.
Configure - Scale labels
Action:Enable scale labels
- Set whether the scale labels is enabled.
- State ( Combo ) : Set whether to enable or disable the scale labels.
- Options : ["Disabled","Enabled"]
Action:Set font
- Set font of scale labels.
- Font family ( string ) : Scale label font declaration for the scale label.
- Font size ( number ) : Scale label font size in pixels.
- Font style ( Combo ) : Scale label font weight style.
- Options : ["Normal","Bold","Bolder"]
- Font color ( string ) : Colour of the scale line, 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)"
Configure - Scale line
Action:Enable scale line
- Set whether the scale line is enabled.
- State ( Combo ) : Set whether to enable or disable the scale line.
- Options : ["Disabled","Enabled"]
Action:Set scale line
- Set whether the scale line is enabled.
- Color ( string ) : Colour of the scale line, 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 ) : Pixel width of the scale line.
Configure - Scale overlay
Action:Enable scale overlay
- Set whether the scale overlay is enabled.
- State ( Combo ) : Set whether to enable or disable the scale overlay.
- Options : ["Disabled","Enabled"]
Configure - Scale override
Action:Enable scale overlay
- Set whether the scale override is enabled.
- State ( Combo ) : Set whether to enable or disable the scale override.
- Options : ["Disabled","Enabled"]
Action:Set scale
- Set scale properties.
- Steps ( number ) : The number of steps in a hard coded scale.
- Step width ( number ) : The value jump in the hard coded scale.
- Start value ( number ) : The centre starting value.
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
Conditions
Drawing
Condition:On drawing finished
- Triggered when drawing finished.
Condition:Is drawing
- Return true while drawing.