Class type Ext_chart_Chart.configs


class type configs = object .. end
Inherits
method animate : 'a. 'a Js.t Js.prop

True for the default animation (easing: 'ease' and duration: 500) or a standard animation config object to be used for default chart animations. Defaults to false.

Defaults to: false

method axes : Ext_chart_axis_Axis.t Js.js_array Js.t Js.prop

Array of Axis instances or config objects. For example:

axes: [{
    type: 'Numeric',
    position: 'left',
    fields: ['data1'],
    title: 'Number of Hits',
    minimum: 0,
    //one minor tick between two major ticks
    minorTickSteps: 1
}, {
    type: 'Category',
    position: 'bottom',
    fields: ['name'],
    title: 'Month of the Year'
}]

method background : 'b. 'b Js.t Js.prop

The chart background. This can be a gradient object, image, or color. Defaults to false for no background. For example, if background were to be a color we could set the object as

background: {
    //color string
    fill: '#ccc'
}

You can specify an image by using:

background: {
    image: 'http://path.to.image/'
}

Also you can specify a gradient by using the gradient object syntax:

background: {
    gradient: {
        id: 'gradientId',
        angle: 45,
        stops: {
            0: {
                color: '#555'
            }
            100: {
                color: '#ddd'
            }
        }
    }
}

Defaults to: false

method gradients : 'c. 'c Js.t Js.js_array Js.t Js.prop

Define a set of gradients that can be used as fill property in sprites. The gradients array is an array of objects with the following properties:

For example:

gradients: [{
    id: 'gradientId',
    angle: 45,
    stops: {
        0: {
            color: '#555'
        },
        100: {
            color: '#ddd'
        }
    }
}, {
    id: 'gradientId2',
    angle: 0,
    stops: {
        0: {
            color: '#590'
        },
        20: {
            color: '#599'
        },
        100: {
            color: '#ddd'
        }
    }
}]

Then the sprites can use gradientId and gradientId2 by setting the fill attributes to those ids, for example:

sprite.setAttributes({
    fill: 'url(#gradientId)'
}, true);

method insetPadding : Js.number Js.t Js.prop

The amount of inset padding in pixels for the chart. Defaults to 10.

Defaults to: 10

method legend : 'd. 'd Js.t Js.prop

True for the default legend display or a legend config object. Defaults to false.

Defaults to: false

method series : Ext_chart_series_Series.t Js.js_array Js.t Js.prop

Array of Series instances or config objects. For example:

series: [{
    type: 'column',
    axis: 'left',
    listeners: {
        'afterrender': function() {
            console('afterrender');
        }
    },
    xField: 'category',
    yField: 'data1'
}]

method store : Ext_data_Store.t Js.t Js.prop

The store that supplies data to this chart.


method theme : Js.js_string Js.t Js.prop

The name of the theme to be used. A theme defines the colors and other visual displays of tick marks on axis, text, title text, line colors, marker colors and styles, etc. Possible theme values are 'Base', 'Green', 'Sky', 'Red', 'Purple', 'Blue', 'Yellow' and also six category themes 'Category1' to 'Category6'. Default value is 'Base'.


method initComponent : ((< afterComponentLayout : 'g 'h.
('f Js.t,
Js.number Js.t ->
Js.number Js.t -> 'g Js.t -> 'h Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
afterHide : 'i 'j.
('f Js.t,
'i Js.callback Js.optdef -> 'j Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
afterRender : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
afterSetPosition : ('f Js.t, Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
afterShow : 'k 'l 'm.
('f Js.t,
'k Js.t Js.optdef ->
'l Js.callback Js.optdef -> 'm Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
animate : 'a. 'a Js.t Js.prop; autoEl : 'n. 'n Js.t Js.prop;
autoRender : 'o. 'o Js.t Js.prop; autoScroll : bool Js.t Js.prop;
autoShow : bool Js.t Js.prop; autoSize : bool Js.t Js.prop;
axes : Ext_chart_axis_Axis.t Js.js_array Js.t Js.prop;
background : 'b. 'b Js.t Js.prop; baseCls : Js.js_string Js.t Js.prop;
beforeComponentLayout : ('f Js.t,
Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
beforeDestroy : ('f Js.t, unit -> unit) Js.meth_callback
Js.writeonly_prop;
beforeLayout : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
beforeShow : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
border : 'p. 'p Js.t Js.prop;
childEls : 'q. 'q Js.t Js.js_array Js.t Js.prop;
cls : Js.js_string Js.t Js.prop; columnWidth : 'r. 'r Js.t Js.prop;
componentCls : Js.js_string Js.t Js.prop;
componentLayout : 's. 's Js.t Js.prop; constrain : bool Js.t Js.prop;
constrainTo : 't. 't Js.t Js.prop;
constraintInsets : 'u. 'u Js.t Js.prop;
contentEl : Js.js_string Js.t Js.prop; data : 'v. 'v Js.t Js.prop;
defaultAlign : Js.js_string Js.t Js.prop; disabled : bool Js.t Js.prop;
disabledCls : Js.js_string Js.t Js.prop; draggable : bool Js.t Js.prop;
draggable_obj : 'w. 'w Js.t Js.prop;
enginePriority : Js.js_string Js.t Js.js_array Js.t Js.prop;
fixed : bool Js.t Js.prop; floating : bool Js.t Js.prop;
focusOnToFront : bool Js.t Js.prop; formBind : bool Js.t Js.prop;
frame : bool Js.t Js.prop;
gradients : 'c. 'c Js.t Js.js_array Js.t Js.prop;
height : Js.number Js.t Js.prop; hidden : bool Js.t Js.prop;
hideMode : Js.js_string Js.t Js.prop; html : 'x. 'x Js.t Js.prop;
id : Js.js_string Js.t Js.prop; initComponent : 'e;
insetPadding : Js.number Js.t Js.prop;
itemId : Js.js_string Js.t Js.prop;
items : Ext_draw_Sprite.t Js.js_array Js.t Js.prop;
legend : 'd. 'd Js.t Js.prop; listeners : 'y. 'y Js.t Js.prop;
loader : 'z. 'z Js.t Js.prop; margin : 'a1. 'a1 Js.t Js.prop;
mask : 'b1. 'b1 Js.t Js.prop; maxHeight : Js.number Js.t Js.prop;
maxWidth : Js.number Js.t Js.prop; minHeight : Js.number Js.t Js.prop;
minWidth : Js.number Js.t Js.prop;
onAdded : 'c1.
('f Js.t, 'c1 Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onDestroy : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onDisable : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onEnable : ('f Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onHide : 'd1 'e1 'f1.
('f Js.t,
'd1 Js.t Js.optdef ->
'e1 Js.callback Js.optdef -> 'f1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
onPosition : ('f Js.t, Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onRemoved : ('f Js.t, bool Js.t -> unit) Js.meth_callback
Js.writeonly_prop;
onRender : ('f Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onResize : 'g1 'h1 'i1 'j1.
('f Js.t,
'g1 Js.t -> 'h1 Js.t -> 'i1 Js.t -> 'j1 Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onShow : 'k1 'l1 'm1.
('f Js.t,
'k1 Js.t Js.optdef ->
'l1 Js.callback Js.optdef -> 'm1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
onShowComplete : 'n1 'o1.
('f Js.t,
'n1 Js.callback Js.optdef ->
'o1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
overCls : Js.js_string Js.t Js.prop;
overflowX : Js.js_string Js.t Js.prop;
overflowY : Js.js_string Js.t Js.prop; padding : 'p1. 'p1 Js.t Js.prop;
plugins : 'q1. 'q1 Js.t Js.prop; region : 'r1. 'r1 Js.t Js.prop;
renderData : 's1. 's1 Js.t Js.prop;
renderSelectors : 't1. 't1 Js.t Js.prop;
renderTo : 'u1. 'u1 Js.t Js.prop; renderTpl : 'v1. 'v1 Js.t Js.prop;
resizable : 'w1. 'w1 Js.t Js.prop;
resizeHandles : Js.js_string Js.t Js.prop; rtl : bool Js.t Js.prop;
saveDelay : Js.number Js.t Js.prop;
series : Ext_chart_series_Series.t Js.js_array Js.t Js.prop;
shadow : 'x1. 'x1 Js.t Js.prop; shadowOffset : Js.number Js.t Js.prop;
shrinkWrap : 'y1. 'y1 Js.t Js.prop;
stateEvents : Js.js_string Js.t Js.js_array Js.t Js.prop;
stateId : Js.js_string Js.t Js.prop; stateful : bool Js.t Js.prop;
store : Ext_data_Store.t Js.t Js.prop; style : 'z1. 'z1 Js.t Js.prop;
theme : Js.js_string Js.t Js.prop; toFrontOnShow : bool Js.t Js.prop;
tpl : 'a2. 'a2 Js.t Js.prop; tplWriteMode : Js.js_string Js.t Js.prop;
ui : Js.js_string Js.t Js.prop; viewBox : bool Js.t Js.prop;
width : Js.number Js.t Js.prop; xtype : Js.js_string Js.t Js.prop; .. >
as 'f)
Js.t, unit -> unit)
Js.meth_callback Js.writeonly_prop as 'e
See method t.initComponent
method onShow : 'k1 'l1 'm1.
('f Js.t,
'k1 Js.t Js.optdef ->
'l1 Js.callback Js.optdef -> 'm1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop
See method t.onShow