dhx.ui.chart
Type: Component
File:
Based on:
dhx.Group
,
dhx.DataLoader
,
dhx.AtomDataLoader
,
dhx.MouseEvents
,
dhx.Canvas
,
dhx.EventSystem
,
dhx.ui.view
,
dhx.ui.baseview
,
dhx.Settings
,
dhx.Destruction
,
dhx.BaseBind
Included in:
Methods
add
- adds item to the store
addSeries
- adds the new chart series
adjust
- adjusts the component to the size of the outer parent
HTML
container
attachEvent
- attaches custom handler to inner event
bind
- binds components
blockEvent
- blocks event triggering
callEvent
- calls inner event
clearAll
- removes all items from the component
clearCanvas
- clears canvas
dataCount
- gets count of items
define
- sets configuration property or a hash of properties
definePreset
- purpose is unknown
destructor
- destructs an object
detachEvent
- detaches custom code from handler
exists
- checks if the item with such ID exists
filter
- filters data
first
- gets the ID of the first item
getCanvas
- gets canvas
getNode
- returns main html container of view
getParent
- returns parent object of current view
group
- groups data
hasEvent
- checks whether a component has an event
hide
- hides view
idByIndex
- gets the id of an item with taken index
indexById
- the index of the item in question
isVisible
- returns true if current view is visible
item
- gets the object of a data item
last
- gets the id of the last item
load
- loads values from external datasource
loadNext
- sends request to load N records to the end or to the specified position
mapEvent
- routes events from one object to another
next
- gets ID of the next element which is positioned in defined step
parse
- addes data from a datasource
previous
- gets ID of the previous element which is positioned in defined step
refresh
- repaint the whole view or a certain item
remove
- removes element from datastore
render
- renders a chart
renderText
- creates absolutely positioned container
renderTextAt
- creates absolutely positioned container and then align it according to the 1st and 2nd parameters
resize
- adjusts view to the new size
serialize
- serializes data to a json object
show
- makes view visible
sort
- sorts datastore
sync
- allows to sync two copy all, or part of data from one DataCollection to another
unblockEvent
- enables event triggering
ungroup
- ungroups data
update
- sets properties of the data item
Events
onbeforecontextmenu
- fires before context menu was called in the item area
onitemclick
- fires when item was clicked
onitemdblclick
- fires when item was double-clicked
onmousemove
- fires when mouse was pointed over item
onmousemoving
- fires when mouse was moved over component
onmouseout
- fires when mouse was moved out from item
onxle
- fires after xml loading end
onxls
- fires before xml loading start
Properties
alpha
- the transparency of a chart item (a number between 0 and 1)
animate
- defines animation on view change (object with direction, type and subtype properties) or disables animation (false)
barWidth
- the width of bars
border
- enables/disables bar border
cant
- a value from 0 to 1 that defines the slope angle of 3D pie (default value - 0.5)
color
- a certain color or template that defines items colors
container
- html container or its id where view needs initializing
css
- class name for view container
dataFeed
- path to php file that will get data. Used to reload data from server.
data
- loaded data
datastore
- custom DataStore object
datatype
- type of loaded data
gradient
- specifies a chart gradient (applicable to bar, pie charts)
gravity
- view gravity (1 by default)
group
- an object with settings for initial grouping
height
- view height
hidden
- sets whether a view will be hidden initially
id
- view id
item
- defines chart point presenting an item (applicable to line charts: 'line' and 'spline')
labelOffset
- property of pie charts that defines offset of sector labels from the pie edge (20 is default)
label
- the template for items' labels
legend
- defines chart legend
lineColor
- pie chart property that sets color for pie borders (#ffffff)
line
- defines chart line (applicable to line charts:'line' and 'spline')
offset
- sets offset of the first item in a chart (relative to origin).
on
- allows to attach custom handlers to inner events of the component
origin
- bar chart property, sets scale origin
padding
- an object that defines padding of chart content
pieInnerText
- pie chart property, the template for the inner labels
radius
- the radius for the bar's rounding
scheme
- defines a default scheme for data records of the component. So, in cases when you add an empty record to the component, the record will be populated with the values set by the scheme.
scroll
- enables scrolling
series
- the array of series configuration objects
shadow
- enables/disables pie shadow
sort
- defines sorting settings
type
- sets chart type
url
- data url
value
- the template for item values
width
- view width
xAxis
- defines the horizontal axis
yAxis
- defines the vertical axis