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.
Default series settings for each series rendering type. Use this to configure all series of specific type to get line or column chart or combination of them.
Series type to show an opening and closing value on top of a total variance.
Series type to render values as vertical bars.
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.
Moving time line that represents the current time, mainly to analyze real-time data changes. To achieve it, use server time of page load and adjust time zone offset.
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.
Time line markers that represents event on time.
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
Defines stack settings to use in series. Each property is a stack name and value is stack settings. Values stack of each series on top of each other in the specified series order. Those, stacked bars help to visualize data that is a sum of parts, each of which is in a series.
The default style settings for series.
The default colors applied to the series with
type: "columns". The colors are applied in order to all series that do not specify an explicit style.
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
X-axis line representing time at the bottom of chart.
Time line made of two different time graduations. Next image shows time line graduation by days and 3 hours.
As you change the zoom level time axis graduation changes accordingly.