应用场景 #
- 已有开发好的非smartchart静态大屏模板
- 如果你已购买专业版本, 可联系客服提供100+静态大屏模板
- 对js, css及smartchart使用方法已有初步了解
- 业务需求展示有合适的模板, 变化可能性不大
转化步骤 #
静态大屏模板准备 #
- 准备好静态大屏模板, 将css, img, js等文件或文件夹打包
- 打开静态大屏模板, 一般是index.html, 右键查看网页源码
模板迁移 #
- 新建仪表盘, 在高级设定中开发启模板开发功能
- 在工具栏中打开模板开发页面
- 在模板中上传打包的资源文件
- 复制静态大屏网页源码中的head区间中的内容到模板对应的位置
- 复制静态大屏网页源码中的body区间中的内容到模板对应的位置
- 复制静态大屏网页源码中的script区间中的内容到模板对应的位置
- 移除script中的关于jquery, echarts的引用
- 替换相关的资源文件地址的引用
- 逐步按照图形块,在 body 中进行替换
以上过程建意观看视屏
数据集与图形转化 #
- 此过程与常规smartchart图形开发一致,建意学习第2/3 章节
- 模板开发操作相关, 请学习第6章节–>低代码开发
- 转化后的效果参考视屏
更多参考视屏 #
请观看系列视屏, 相信人人都会