Pie Chart Properties

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

var pieChart =  new dhx.ui({
    view:"chart",
    type:"pie",
    container:"chart_container",
    value:"#sales#"
})

Mandatory properties

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

Optional properties

look and fill

  • color - defines the colors of chart's items
  • gradient - the pie's gradient
  • radius - the pie's radius
  • x - the horizontal position of pie's center
  • y - the vertical position of pie's center

Pie personality

  • shadow - enables/disables pie shadow

3D Pie personality

  • cant - a value from 0 to 1 that defines the slope angle of 3D pie (default value - 0.5)
  • height - the height of 3D pie

item details

  • label - the template for items' labels
  • legend - specifies the legend block of the chart
  • pieInnerText - the inner label in a pie

data manipulation

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