DHTMLX Docs & Samples Explorer

Index
dhtmlxchart
Configuration properties

# 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