xsLab

Visual Chart Editor

Visual chart editor, including drawing charts, binding data sources, online preview, export charts, custom development and other functions.

Online DEMO | User Manual

System interface

1. Data source configuration

2. Draw a chart

3. Preview

4. View configuration JSON

5. Export canvas

Install

1. Download the release package
2. Start the backend program cd xslab-rearend && npm install && node index.js
3. Modify the configuration file config.json of the editor xslab-editor , where baseUrl is changed to the actual backend address, for example: http://xxxx:11525
4. Access the system, http://xxxx/xslab-editor

support

Your support is my motivation to move forward!