The URL root where the ZoomCharts library and assets are located. For example, if the base.css file is available at 'http://server/css/zoomcharts/zc.css' then this value should be set to 'http://server/css/zoomcharts/'. Note that the library will try to determine its location automatically by searching the included script tags. So this property can be skipped if the assets folder is located next to 'zoomcharts.js' file on the server.
Element of the page where the chart will be inserted. Any HTML element should work, for example you can use a
Any contents of the element will be cleared - this behavior can be used to specify a loading message as the initial content,
<div>Chart is being initialized...</div>.
Note that a single element can host only one chart. If the same container is given to another chart, the previous chart will be automatically disposed.
parentChart is specified, the value of the property is mandatory and can only be specified while creating the chart,
updateSettings. The value can be either an ID of an existing element or a reference to a DOM element.
Settings used to load data into chart. Customise preferred data source feeding methods. You can use one of these options: url, data function, preloaded data.
Configurable conditions to filter the raw data values for subset of drawing slices.
Determines if zero values are automatically filtered from the data or if they will be displayed.
Slice icons as an additional element of style to highlight each individual slice or groups.
Whether to render icons if smaller than min value of sizeExtent.
Icon placement methodValid values:
- auto - maximize icon size
- center - always place in center of slice
Rising content field while hovering over slice. Content returned in a form of html and is relevant to context of slice hovered.
Prepare custom info popup contents. May return null and call callback(contents) later.
slice data including subvalues
slice object to apply predefined content
Show/hide info popup.
Label settings related to internal and external slice text and their connectors.
The parent chart within which the new chart will be rendered. If this property is specified,
container cannot be
area.height settings to position the subchart within parent chart.
- Example: PieChart within a NetChart
Data values arranged in a circular manner.
Whether to adapt pie outer radius dynamically to allow enough space for labels.
Pie center margin.
Pie depth - used for raised theme.
End angle of the pie.
Pie inner radius. Inner pies are drawn inside this radius. If the value is less than 1, it is multiplied by current pie radius to get inner radius. Otherwise it represents the inner radius in pixels.
Inner radius is extended to radius * innerRadiusWhenDrilldown when drilled down.
Pie outer margin.
Pie outer radius. If not specified, the radius is determined automatically.
The speed of the rotation for the pie. Set to
0 to disable rotation and return the pie
to its specified
Whether to show inner pies on chart.
Whether to show inner pies on exported image.
Start angle of the pie.
Dynamically determine pie style from data.
pie to apply predefined style
Default pie rendering theme.Valid values:
- Example: PieChart themes
Center X coordinate of the pie chart. If the value is 'null' - coordinate is calculated automatically. If the value is >1 - it specifies the exact x value in pixels. If the value is <=1 - it specifies a fraction of chart width.
Center Y coordinate of the pie chart. If the value is 'null' - coordinate is calculated automatically. If the value is >1 - it specifies the exact x value in pixels. If the value is <=1 - it specifies a fraction of chart height.
Represents settings for individual slices within each pie.
Style to active slices in background (back navigation) pies
Controls minimal visual size of slice. Use this to make very small sizes visually bigger. The value represents smallest fraction of a full pie a slice will take. The range is between 0 and 1. For example using 0.05, all slices smaller than 5% will be grown up to 5%. Other slices will be made proportionally smaller to accommodate for extra size of small slices.
Style for "Others" slice.
Circumference decoration of 'others' slice.Valid values:
Style for the "Previous" slice.
Circumference decoration of 'previous' slice.Valid values:
Theme to apply. You can either use this to share configuration objects between multiple charts or use one of the predefined themes.
- Documentation: Pre-defined themes