Area Chart Properties

Configuration properties are set in the chart constructor. Some of them are mandatory, others - optional.

var chart =  new dhtmlXChart({
    view:"chart",
    type:"area",
    container:"chart_container",
    value:"#sales#"
})

Mandatory properties

  • container - the id of the html container where you'll place a chart
  • view - the chart type
  • value - the data which chart represents

Optional properties

look and fill

  • alpha - the area transparency
  • color - defines the color of chart's items
  • padding - an object that defines padding of chart content

item details

  • label - the template for items' labels
  • legend - specifies the legend block of the chart

scales

  • xAxis - sets the horizontal scale of the chart
    • title - (string) the scale title
    • color - (string) the scale color
    • template - (template) the template for scale labels
    • lines - (boolean) enables/disables horizontal lines for scale units
  • yAxis - sets the vertical scale of the chart
    • title - (string) the scale title
    • color - (string) the scale color
    • start - (integer) the mininum value of the scale
    • end - (integer) the maximum value of the scale
    • step - (integer) the scale step
    • template - (template) the template for scale labels
    • lines - (boolean) enables/disables horizontal lines for scale units

data manipulation

  • group - groups data by the defined property
  • sort - defines sorting settings