DHTMLX Docs & Samples Explorer

PieChart 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, “pie” for Pie charts
  • value - a property of dataset that chart represent

Optional properties

look and fill

  • color - a template for pie color
  • gradient - a pie gradient
  • radius - a pieChart radius
  • shadow - enables/disables pie shadow
  • x - an horizontal position of a piechart center
  • y - a vertical position of a piechart center

item details

  • label - a template for item labels
  • tooltip - a template for item tooltips
  • legend - a template for element text in a legend block
    • width - a block width
    • align - the horizontal align of the block: “left” or “right”
    • valign - the vertical align of the block: “top”, “bottom” or “middle”
    • marker - an object that defines markers in a legend
      • 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