JUI(Simple UI & Chart Component)

chart.builder

Hierarchy

core
chart.builder

Requires

jquery

Files

Implements chart builder

Defined By

Config options

chart.builder
view source
: Array
Determines a axis to be added to a chart. ...

Determines a axis to be added to a chart.

Defaults to: []

chart.builder
view source
: Object
Sets a component objects to be bind. ...

Sets a component objects to be bind.

Defaults to: null

chart.builder
view source
: Array
Determines a brush to be added to a chart. ...

Determines a brush to be added to a chart.

Defaults to: []

chart.builder
view source
: Boolean
...

Defaults to: false

Defines a DOM event to be used in a UI ...

Defines a DOM event to be used in a UI

Defaults to: {}

chart.builder
view source
: Function
Sets a format callback function to be used in a grid/brush/widget. ...

Sets a format callback function to be used in a grid/brush/widget.

Defaults to: null

chart.builder
view source
: String/Number
chart height ...

chart height

Defaults to: "100%"

chart.builder
view source
: Object
Icon-related settings available in the chart. ...

Icon-related settings available in the chart.

Defaults to: {type: "jennifer", path: null}

  • type : String (optional)

    Defaults to: "jennifer"

  • path : String (optional)

    Defaults to: null

chart.builder
view source
: Object
chart padding ...

chart padding

Defaults to: {top: 50, bottom: 50, left: 50, right: 50}

  • top : Number (optional)

    chart padding

    Defaults to: 50

  • bottom : Number (optional)

    chart padding

    Defaults to: 50

  • left : Number (optional)

    chart padding

    Defaults to: 50

  • right : Number (optional)

    chart padding

    Defaults to: 50

chart.builder
view source
: Boolean
Does not render a chart when a rendering-related method is called with false (although the render method is not inclu...

Does not render a chart when a rendering-related method is called with false (although the render method is not included).

Defaults to: true

chart.builder
view source
: Object
chart custom theme ...

chart custom theme

Defaults to: {}

chart.builder
view source
: String
chart theme ...

chart theme

Defaults to: jennifer

Defines a template markup to be used in a UI ...

Defines a template markup to be used in a UI

Defaults to: {}

chart.builder
view source
: Array
Determines a widget to be added to a chart. ...

Determines a widget to be added to a chart.

Defaults to: []

chart.builder
view source
: String/Number
chart width ...

chart width

Defaults to: "100%"

Defined By

Properties

chart.builder
view source
: Object

Resize the chart to fit the screen width.

Resize the chart to fit the screen width.

chart.builder
view source
: chart.svg

Refers to an SVG utility object.

Refers to an SVG utility object.

Defined By

Methods

chart.builder
view source
( ) : Boolean
Returns the values of rendering options and, if the rendering option is false, does not render the chart again when a...

Returns the values of rendering options and, if the rendering option is false, does not render the chart again when a method is called.

Returns

  • Boolean
chart.builder
view source
( brush )
Adds a brush and performs rendering again. ...

Adds a brush and performs rendering again.

Parameters

  • brush : Object
( name, params )
Check the parameter type of a UI method and generates an alarm when a wrong value is entered ...

Check the parameter type of a UI method and generates an alarm when a wrong value is entered

Parameters

  • name : String

    Method name

  • params : Array

    Parameters

chart.builder
view source
( widget )
Adds a widget and performs rendering again. ...

Adds a widget and performs rendering again.

Parameters

  • widget : Object
chart.builder
view source
( elem )
Add the child element in defs tag. ...

Add the child element in defs tag.

Parameters

  • elem : chart.svg.element
chart.builder
view source
( axisIndex, uiObj )
Binds data used in a uix.table or the uix.xtable. ...

Binds data used in a uix.table or the uix.xtable.

Parameters

  • axisIndex : Number
  • uiObj : Object
( name, callback ) : Mixed
Sets a callback function that is called after a UI method is run ...

Sets a callback function that is called after a UI method is run

Parameters

  • name : String

    Method name

  • callback : Function

Returns

  • Mixed
( name, callback ) : Mixed
Sets a callback function that is called before a UI method is run ...

Sets a callback function that is called before a UI method is run

Parameters

  • name : String

    Method name

  • callback : Function

Returns

  • Mixed
( name, callback )
Sets a callback function and the delay time before/after a UI method is run ...

Sets a callback function and the delay time before/after a UI method is run

Parameters

  • name : String

    Method name

  • callback : Function
Removes all events set in a UI obejct and the DOM element ...

Removes all events set in a UI obejct and the DOM element

( type, args ) : Mixed
Generates a custom event. ...

Generates a custom event. The first parameter is the type of a custom event. A function defined as an option or on method is called

Parameters

  • type : String

    Event type

  • args : Function

    Event Arguments

Returns

  • Mixed
chart.builder
view source
( type, key ) : Mixed/Object
Gets a named axis, brush, widget (type: axis, brush, widget, padding, area) ...

Gets a named axis, brush, widget (type: axis, brush, widget, padding, area)

Parameters

  • type : "axis"/"brush"/"widget"/"padding"/"area"
  • key : String

    Property name

Returns

  • Mixed/Object
Removes a custom event of an applicable type or callback handler ...

Removes a custom event of an applicable type or callback handler

Parameters

  • type : String

    Event type

chart.builder
view source
( type, callback, resetType )
A callback function defined as an on method is run when an emit method is called. ...

A callback function defined as an on method is run when an emit method is called.

Parameters

  • type : String

    Event's name

  • callback : Function
  • resetType : "render"/"renderAll"/undefined

Overrides: core.on

chart.builder
view source
( index )
Deletes the brush of a specified index and performs rendering again. ...

Deletes the brush of a specified index and performs rendering again.

Parameters

  • index : Number
chart.builder
view source
( index )
Deletes the widget of a specified index and performs rendering again. ...

Deletes the widget of a specified index and performs rendering again.

Parameters

  • index : Number
chart.builder
view source
( isAll )
Renders all draw objects. ...

Renders all draw objects.

Parameters

  • isAll : Boolean
Dynamically defines the options of a UI ...

Dynamically defines the options of a UI

Parameters

  • key : String
  • value : Mixed
( name, html )
Dynamically defines the template method of a UI ...

Dynamically defines the template method of a UI

Parameters

  • name : String

    Template name

  • html : String

    Template markup

chart.builder
view source
( )
Gets a value for the theme element applied to the current chart. ...

Gets a value for the theme element applied to the current chart.

     // get all theme property
     var theme = chart.theme();
     // get a part of theme
     var fontColor = chart.theme("fontColor");
     // get selected value of theme
     chart.theme(isSelected, "selectedFontColor", "fontColor");  // if isSelected is true, return 'selectedFontColor' else return 'fontColor'
chart.builder
view source
( index, brush, isReset )
Updates the brush of a specified index and performs rendering again. ...

Updates the brush of a specified index and performs rendering again.

Parameters

  • index : Number
  • brush : Object
  • isReset : Boolean
chart.builder
view source
( index, widget, isReset )
Updates the widget of a specified index and performs rendering again ...

Updates the widget of a specified index and performs rendering again

Parameters

  • index : Number
  • widget : Object
  • isReset : Boolean
Defined By

Events

chart.builder
view source
( e )
Event that occurs when clicking on the chart margin. ...

Event that occurs when clicking on the chart margin. (real name bg.click)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when double clicking on the chart margin. ...

Event that occurs when double clicking on the chart margin. (real name bg.dblclick)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when left clicking on the chart margin. ...

Event that occurs when left clicking on the chart margin. (real name bg.mousedown)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when moving the mouse over the chart margin. ...

Event that occurs when moving the mouse over the chart margin. (real name bg.mousemove)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when moving the mouse out of the chart margin. ...

Event that occurs when moving the mouse out of the chart margin. (real name bg.mouseout)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when placing the mouse over the chart margin. ...

Event that occurs when placing the mouse over the chart margin. (real name bg.mouseover)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs after left clicking on the chart margin. ...

Event that occurs after left clicking on the chart margin. (real name bg.mouseup)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when right clicking on the chart margin. ...

Event that occurs when right clicking on the chart margin. (real name bg.rclick)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when clicking on the chart area. ...

Event that occurs when clicking on the chart area. (real name chart.click)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when double clicking on the chart area. ...

Event that occurs when double clicking on the chart area. (real name chart.dblclick)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when left clicking on the chart area. ...

Event that occurs when left clicking on the chart area. (real name chart.mousedown)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when moving the mouse over the chart area. ...

Event that occurs when moving the mouse over the chart area. (real name chart.mousemove)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when moving the mouse out of the chart area. ...

Event that occurs when moving the mouse out of the chart area. (real name chart.mouseout)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when placing the mouse over the chart area. ...

Event that occurs when placing the mouse over the chart area. (real name chart.mouseover)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs after left clicking on the chart area. ...

Event that occurs after left clicking on the chart area. (real name chart.mouseup)

Parameters

  • e : jQueryEvent

    The event object.

chart.builder
view source
( e )
Event that occurs when right clicking on the chart area. ...

Event that occurs when right clicking on the chart area. (real name chart.rclick)

Parameters

  • e : jQueryEvent

    The event object.