dhx.ui.chart

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

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