DHTMLX Docs & Samples Explorer

Pie Chart properties

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

var pieChart =  new dhtmlXChart({
    view:"pie",
    container:"chart_container",
    value:"#sales#"
})

Mandatory properties

  • container - the id of html container where you want display a chart
  • view - a chart type
  • value - a property of dataset that chart represent

Optional properties

look and fill

  • color - defines the colors of chart items
  • gradient - a pie gradient
  • radius - a pieChart radius
  • x - a horizontal position of a piechart center
  • y - a vertical position of a piechart center

Pie personality

  • shadow - enables/disables pie shadow

3D Pie personality

  • cant - a value from 0 to 1 that defines a chart cant (0.5 by default)
  • height - a 3D pie height

item details

  • label - a template for item labels
  • tooltip - a template for item tooltips
  • legend - a template for element text in legend block
    • width - a block width
    • align - an horizontal align of the block: “left”, “right” or “center”
    • valign - a vertical align of the block: “top”,“bottom” or “middle”
    • layout - a layout that defines text stretching in horizontal or vertical direction :“x” or “y”
    • marker - an object that defines markers in the details block
      • type - a marker type: “square” or “round”
      • width - a marker width
      • height - a marker height
  • pieInnerText - an inner label in a pie

data manipulation

  • group - groups data by a certain property
  • sort - sorts dataset