WebDataRocks End User License Agreement (“Agreement”) has been revised and is effective as of April 18, 2024.
The following modifications have been made:
The modified version of WebDataRocks End User License Agreement is available here.
Downloading, installing, and/or continuing to use WebDataRocks after April 18, 2024, constitutes your acceptance of the terms and conditions of the modified version of WebDataRocks End User License Agreement. If you do not agree to any of these terms and conditions, do not download, install, use, or access (or continue to access) WebDataRocks.
After formatting your CSV data and setting data types for fields, you can start connecting to the data.
In this guide, you can learn how to:
Step 1. Go to the Connect tab () on the Toolbar.
Step 2. Choose to which CSV you want to connect:
Here’s an example of connecting to a remote CSV file:
To get your CSV data from a file, specify the file’s URL in the dataSource.filename property:
let pivot = new WebDataRocks({ container: "#wdr-component", report: { dataSource: { filename: "URL-to-your-CSV-file" } } });
By default, WebDataRocks supports a comma (,
) or a semicolon (;
) as a field separator. If fields in your data are separated by another character, e.g., a colon (:
), you need to specify this character in the dataSource.fieldSeparator property. For example:
let pivot = new WebDataRocks({ container: "#wdr-component", report: { dataSource: { filename: "URL-to-your-CSV-file", fieldSeparator: ":" } } });
To set a CSV data source for all reports, specify it in the Global Object:
const pivot = new WebDataRocks({ container: "#wdr-component", // Other parameters global: { dataSource: { type: "csv", filename: "URL-to-your-CSV-file" }, }, report: { // Your report } });
See an example on CodePen.