https://help.smartchart.cn/en/docs/1.Basics/ Recent content on Smartchart开发手册 Hugo -- gohugo.io https://help.smartchart.cn/en/docs/1.Basics/ProEdition/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/ProEdition/ Introduction # This article explains the feature differences between SmartChart Free and Pro editions, activation methods, and licensing. It helps users choose the right edition and understand value-added services and commercial licensing requirements. Copyright Notice # To sustain project maintenance and stability, based on community voting, we now differentiate between Free and Pro editions The Free edition requires no activation and includes commonly used features, with ongoing updates For commercial use, you must register the user and notify the author for authorization Free edition users must retain SmartChart copyright notices and logos. https://help.smartchart.cn/en/docs/1.Basics/QuickStart/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/QuickStart/ Introduction # SmartChart is a low-code visual analytics platform built on Python + Django, integrating dataset development, ECharts chart configuration, layout drag-and-drop, and permission management. You only need to know SQL (or Python) to quickly build data dashboards, reports, and business systems. Pre-Development Videos # 6.x Introduction Video 8.x is now available with significant UI changes, refer to the documentation for details Note: Some icons may change between versions, but their positions remain largely the same. https://help.smartchart.cn/en/docs/1.Basics/FirstDashboard/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/FirstDashboard/ Introduction # This article walks through developing your first dashboard in SmartChart from scratch. Covers dashboard creation, dataset editing, chart binding, drag layout, and theme application. Due to version changes, some icons and interfaces may vary, but positions remain largely the same. Workflow Overview # New Dashboard → Add Chart Component (Drag/Grid) → Edit Dataset (SQL) → Edit Chart (ECharts Config) → Layout Adjustment → Apply Theme Create Dashboard # In development mode, navigate to “Dev Management” -> “Dashboards” -> “Add Dashboard” Fill in the information and click “Save” Click to enter dashboard development, click the right-side edit button Enter the development menu, click the SC icon in the bottom right, and add a drag component from the popup menu (Note: drag layout is a PRO feature) If you prefer the free version, use grid components instead. https://help.smartchart.cn/en/docs/1.Basics/FirstReport/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/FirstReport/ Introduction # “Complex Report” is SmartChart’s built-in Excel-like reporting feature that directly fills database query results into table cells while preserving table styles. Ideal for financial reports, statistical summaries, and other scenarios requiring detailed data display. Create Dashboard # In development mode, navigate to “Dev Management” -> “Dashboards” -> “Add Dashboard” Fill in the information and click “Save” Click to enter dashboard development, click the right-side edit button Create Excel Scene # Click the SC icon in the bottom right, then click the top-left Settings In Settings, select Excel template Dataset Editing # Open “Dataset” Enter the following SQL, click “Save & Refresh”, close the dataset editor select H1 as hero_name, sum(qty) as hero1_appearances from smartdemo2 group by H1 order by sum(qty) desc; select count(1) as total_appearances from smartdemo2 Multiple SQL statements separated by ; correspond to df0 and df1 datasets respectively https://help.smartchart.cn/en/docs/1.Basics/First3DScene/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/First3DScene/ Introduction # SmartChart Pro supports embedding 3D model scenes in dashboards, loading OBJ, STL, GLTF format 3D model files, with ambient light adjustment, point light sources, rotation animation, and mouse interaction (click response, texture mapping, etc.). Suitable for factory digital twins, equipment display, and other 3D visualization scenarios. Create Dashboard # In development mode, navigate to “Dev Management” -> “Dashboards” -> “Add Dashboard” Fill in the information and click “Save” Click to enter dashboard development, click the right-side action menu to edit Upload Model Files # In the template development interface, click “Tools” -> “Resource Management” and upload your model files. https://help.smartchart.cn/en/docs/1.Basics/FirstAIScene/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/FirstAIScene/ Introduction # SmartChart abstracts LLM connections as data sources and agent development as dataset development, seamlessly integrating AI capabilities into the existing visualization system. You just need to create an OpenAI-compatible data source named smtgpt to call LLMs in datasets and charts, building intelligent conversations and agent workflows. Supports Ollama local models (e.g., Qwen3), Alibaba Bailian, DeepSeek, Doubao, Tencent Hunyuan, and all OpenAI-compatible service providers. Watch the video about LLMs and Agents https://help.smartchart.cn/en/docs/1.Basics/FirstDataset/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/FirstDataset/ Introduction # “Published Dataset” is SmartChart’s dataset and chart reuse mechanism. Developed datasets + charts can be packaged as independent units for direct use in different dashboards, enabling “zero-code” level metric reuse, ideal for OEM and multi-tenant scenarios. Use Cases # Dataset and chart reuse, drag and drop directly into dashboards after development Build metric systems for users, enabling 0-code functionality Ideal for OEM scenarios Dataset Status Description: Published: Can be referenced as “Published Dataset” in other dashboards, cannot be modified in the target dashboard Offline/Draft: Only visible to developers for development and debugging Names starting with _ are automatically set to lazy-load mode (not queried immediately when opening dashboard) Create Dataset # In the development menu -> Datasets -> Add -> Save In the dataset list -> Click the E icon -> Enter dataset editor After developing the data, click the dataset editor, save the dataset and click to enter chart development Adjust the chart and save. https://help.smartchart.cn/en/docs/1.Basics/LargeScreenMigration/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/LargeScreenMigration/ Introduction # This article explains how to convert existing static large screen templates into SmartChart-compatible dashboards. Two methods are supported: AI-assisted template generation and manual static template migration, suitable for developers with HTML/CSS/JS large screen foundations. Use Cases # Already have developed non-SmartChart static large screen templates If you purchased Pro edition, contact customer service for 100+ static large screen templates Have basic understanding of JS, CSS, and SmartChart usage Business needs match a suitable template with little expected change AI Template # Prompt Reference # You can generate HTML based on the template format, and fill the corresponding CSS, HTML, JS into the respective template areas. https://help.smartchart.cn/en/docs/1.Basics/FirstCRUDScene/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/FirstCRUDScene/ Introduction # SmartChart’s CRUD template is a built-in low-code data management framework. Through a configuration panel in the dashboard, you can implement data CRUD, conditional queries, option linkage, backend pagination, Excel import, and more without writing tedious form code. CRUD is particularly suitable for enterprise-level data entry, work order management, approval systems, and other business scenarios. CRUD core data convention: Dataset #0 handles query display, Dataset #1 handles write operations (add/modify). https://help.smartchart.cn/en/docs/1.Basics/ConnectionPool/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/ConnectionPool/ Introduction # Data sources (connection pools) are the bridge between SmartChart and databases. Once created, all datasets can reuse the connection, supporting MySQL, PostgreSQL, Oracle, ClickHouse, and 30+ other databases, as well as special data sources (API, Python, Redis, etc.). How to Add a Data Source # In development mode, click “Dev Management” -> Data Source -> Add Configure connection pool parameters, select a driver. For custom drivers, type the driver name and press Enter https://help.smartchart.cn/en/docs/1.Basics/AppTemplates/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/AppTemplates/ Introduction # SmartChart supports packaging developed dashboards as templates for quick application to new projects via backup/restore. You can use built-in local templates or purchase professional large screen templates from the store, enabling one-click migration of datasets, charts, and templates, greatly reducing repetitive development time. Use Cases # Quickly apply developed templates to greatly improve development and learning efficiency 7.0 Backup/Restore Video Apply Local Templates # You can quickly apply locally backed-up templates. https://help.smartchart.cn/en/docs/1.Basics/PermissionManagement/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/en/docs/1.Basics/PermissionManagement/ Introduction # SmartChart’s permission system has two layers: Developer Permissions (controls who can access development mode) and Report View Permissions (controls who can see which dashboards). Proper permission assignment enables isolation between developers and read-only users, as well as differentiated access control for different user groups. Developer Permissions # Click the user management icon to control users’ development permissions. New users have no development permissions by default and cannot see any development-related menus on the homepage.