Behavior : Bar chart

Author:Rex.Rainbow

Download

Properties

Scale overlay

  • Show the scale above the chart data.
    • Options : ["No","Yes"]

Scale override

  • Override with a hard coded scale.
    • Options : ["No","Yes"]

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

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 label font colour.

Scale show grid lines

  • Whether grid lines are shown across the chart.
    • Options : ["No","Yes"]

Scale grid line color

  • Colour of the grid lines.

Scale grid line width

  • Width of the grid lines.

Bar stroke

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

Bar stroke width

  • Pixel width of the bar stroke.

Bar value spacing

  • Spacing between each of the X value sets.

Bar dataset spacing

  • Spacing between data sets within X values.

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"]

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

  • 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)"

Action:Clean all datasets

  • Clean all datasets.

Chart - label

Action:Add label

  • Add label.
    • Label ( string ) : Label

Action:Clean all labels

  • 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 - Bar stroke

Action:Enable bar stroke

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

Action:Set bar stroke

  • Set scale properties.
    • Stroke width ( number ) : Pixel width of the bar stroke.
    • Value spacing ( number ) : Spacing between each of the X value sets.
    • Dataset spacing ( number ) : Spacing between data sets within X values.

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

  • Draw chart.

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.