ZoomCharts Documentation
NetChart.settings.advanced
Properties
List of assets to load from assets directory. This should be used to load CSS of JS files that are required for the chart to work.
If required
is specified, it can be used to determine at runtime if the file has to be included.
For example, zc.css
is only included if the page does not already defines the class .DVSL-suppress-default-styles { color: #abc }
(note that the color: #abc
rule has to be defined since that rule is verified and not the class as a whole).
Note that in order to support older browsers such as Android 4.1, it is required for any .css
asset
to define the required
delegate that can be used to verify if the asset has been loaded.
Specifies if the image requests issued by the chart are issued with crossOrigin: anonymous
attribute.
Setting this to true
enables using of images hosted on other servers for chart export. However it requires
that all image resources used provide Access-Control-Allow-Origin
header in the response.
Note that currently the chart only uses this header when requesting images. It is not used when requesting other assets like scripts or stylesheets.
See also
- MDN: CORS enabled image
Specifies a delegate that provides the data for the CSV and Excel export options. If this is specified the chart will enable CSV and Excel export even if by default these options are not available. For charts that provide the data export by default, the function receives the default data set and can convert that.
Parameters
The default data set if the chart supports data export.
The class to use for making data requests.
The page size in milimeters for the exported PDF documents. For A4 use [210, 297]
(this is the default),
for letter size use [215.9, 279.4]
. The first number is the width, the second is the height.
null
, the user will be informed if the browser does not support the download without the proxy.URL for export proxy requests. To host the service on your own server, please visit https://github.com/zoomcharts/proxy-export-dotnet/.
true/false
was supported.Enables high resolution rendering on high DPI screens. As performance is varied across different browsers, disable this to improve the performance of your application.
This setting can either be set to false
to disable the scaling, true
to render according to the browser DPI setting
and a number to force a constant scale, ignoring browser DPI settings.
Specifies a delegate to perform additional rendering during image export operations.
Parameters
Whether to store entire label into bitmap. Use it to improve the performance of your application.
Whether to store labels that are rendered rotated in the cache.
Whether to show verbose logging.
Maximum height in pixels of the canvas object.
When the height exceeds this value, the canvas is scaled up to match the required resolution. For example, if the maximum height is set to 4096px but the container height is 5000px, the canvas will be rendered at 2500px height with the scale factor of 2.
Maximum width in pixels of the canvas object.
When the width exceeds this value, the canvas is scaled up to match the required resolution. For example, if the maximum width is set to 4096px but the container width is 5000px, the canvas will be rendered at 2500px width with the scale factor of 2.
Whether to display a loading indicator on every node, otherwise only a global loading indicator.
Whether to show frames per second on the chart.
Whether to show the current timestamp on the chart. Use only for debugging.
Whether to show the trail of each touch pointer and also display pointers that are no longer active.
For this setting to have effect, showTouches
must be true
.
Whether to use debugging option to paint pointer trails on screen.
If true, will always escape strings before they are used in innerHTML. For example, this could be useful if user input is used in a contentsFunction to avoid XSS possibilities.
Note if true, then HTML cannot be provided as strings in contentsFunction settings. Instead DOM objects must be returned directly.
CSS class for current theme. Used to reference chart container in CSS files.
Whether to use requestAnimationFrame for requested paint instead of setTimeout.
For very rare use cases where interaction must come from the correct part of the page to behave as expected.
If doing significant configuration on the chart DOM elements, then:
Try setting to 'true' if interactions seem to come from the wrong location e.g. interactions are offset by several pixels. This is the correct value for most use cases.
Try setting to 'false' if the scroll wheel is not being detected in Google Chrome.