Behavior : Line chart
Author:Rex.Rainbow
- Draw a line 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 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 grid lines
- Whether grid lines are shown across the chart.
Scale grid line color
- Colour of the grid lines.
Scale grid line width
Bezier curve
- Whether the line is curved between points.
Point dot
- Show a dot for each point.
Point dot radius
- Radius of each point dot in pixels.
Point dot stroke width
- Pixel width of point dot stroke.
Dataset stroke
- Show a stroke for datasets.
Dataset stroke width
- Pixel width of dataset stroke.
Dataset fill
- Fill the dataset with a colour.
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"]
Duration
- Duration of animation in seconds.
Actions
Chart - data
Action:Set data
- Set data.
- Data set ( string ) : Data set
- Label ( string ) : Label
- Value ( number ) : Data value.
Action:Clean all data
Chart - dataset
Action:Add dataset
- Add dataset name and colors.
- Data set ( string ) : Data set
- Fill color ( string ) : Fill 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)"
- 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)"
- Point color ( string ) : Point 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)"
- Point stroke color ( string ) : Point 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)"
Action:Clean all datasets
Chart - label
Action:Add label
Action:Clean all labels
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.
Configure - Bezier curve
Action:Enable point dot
- Set whether the bezier curve is enabled.
- State ( Combo ) : Set whether to enable or disable the bezier curve.
- Options : ["Disabled","Enabled"]
Configure - Dataset stroke
Action:Enable dataset stroke
- Set whether the dataset stroke is enabled.
- State ( Combo ) : Set whether to enable or disable the dataset stroke.
- Options : ["Disabled","Enabled"]
Action:Set dataset stroke
- Set dataset stroke.
- Stroke width ( number ) : Pixel width of dataset stroke.
- Fill ( Combo ) : Fill the dataset with a colour.
Configure - Point dot
Action:Enable point dot
- Set whether the point dot is enabled.
- State ( Combo ) : Set whether to enable or disable the point dot.
- Options : ["Disabled","Enabled"]
Action:Set point dot
- Set point dot.
- Radius ( number ) : Radius of each point dot in pixels.
- Stroke width ( number ) : Pixel width of point dot stroke.
Configure - Scale grid lines
Action:Enable point dot
- Set whether the scale grid lines is enabled.
- State ( Combo ) : Set whether to enable or disable the scale grid lines.
- Options : ["Disabled","Enabled"]
Action:Set scale grid lines
- Set scale grid lines.
- Color ( string ) : Colour of the grid lines, 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 ) : Width of the grid lines.
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: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.
Draw
Action:Draw
Expressions
Chart - data
Expression:Data
- Get data.
- Data set ( string ) : Data set
- Label ( string ) : Label
Conditions
Drawing
Condition:On drawing finished
- Triggered when drawing finished.
Condition:Is drawing
- Return true while drawing.