整理一份完整的SmartChart布局说明给大家

响应式布局

一般报表推荐使用响应式布局, 一次布局可以同时满足大屏/移动端的需求 当你新增一个数据集时, smartchart会给你一段默认的代码

<div class="col-xs-12 col-md-12" style="padding:0.5% 0.5%;" >
  <div style="height:50%;" id="container_{name}"></div>
</div>

col-md-12 :

Read more

新建一个全新的dashboard, 不要放任何报表, 点击保存且编辑后, 下方可以看到下载链接, 然后点击下载即可直接应用

从管理员处获取下载TOKEN

• 如果是全新的仪表盘, 直接输入TOKEN点击下载即可
• 如果仪表盘中有数据集, 但你不再需要, 可以在TOKEN前面加上FORCE即可自动清空已有数据集

资源文件放置路径

有些资源会离线打包提供给你, 你需要按如下方法找到放置的位置,放入即可, 点高级后滑动到最下方, 可以看到资源路径, 一般资源需在放到usr的目录中

如果不清楚可以观看视屏说明

使用方法可参考视屏: 一键应用模板

Read more

为方便大家快速开发大屏, 转化了些通用模板给大家使用

框架布局已经全部处理, 数据集已建立, 你仅需要编写SQL和图形开发即可

转化模板都是需要耗费些休息的时间, 是smartchart的增值服务

由于开发模板需要耗费一定的精力和服务器资源, 为了smartchart生态能稳定运行和鼓励大家开发模板, 所以一键应用模板的功能为有偿服务, 有需求可以象征性的贡献一杯咖啡的费用即可获取一个模板或一个云备份存储KEY 目前有偿服务有:

• 模板的云备份存储, 你可以随时随地上传下载你自已的模板
• 一键应用炫酷的共享模板
• 请尊重作者劳动成果, 获取模板后, 不要进行散布
• 使用方法: https://www

Read more

上篇有说明如果使用 "可视化设计" 能实现模板的设计, 一般的应用都能满足. 但是作为开发者来说, 我们需要的是更多的自由度.这好比是Window 和 Liunx, 开发者更爱Linux, 下面就来介绍下SmartChart的模板的自定义用法

布局篇

• 对于一些简单的布局且有一定基础的朋友, 推荐可不采用自定义模板的方法,在选择"通用模板"后,可直接在DIV中进行布局,可以更快速灵活, 你需要了解boostrap3的布局说明

代码参考:
#1
<div class="col-xs-12 col-md-12" >
<div style="he

Read more

点击使用 可视化H5设计器

• 布局可视化
• 表单可视化
• 颜色样式可视化

让你的smartchart 开发更加方便

Read more

在阅读此教程之前, 您需要先完成 我的第一个SMART CHART

在上一篇中, 我们实现了一个简单的dashboard, 选择的模板是 "万能模板" , 这是一个上下结构的模板, 对于一般应用已经可以通用了, 适合于没有太多需求, 尤其是手机端的展示.

但是可能你需要重新布局的你模板, 比如要加一些说明, 想要并排展示, 或者一些酷炫的效果, 这时你可能就要定制你的模板了, 模板是一个纯html的页面, 理论上来说可以实现你的无限可能

但也许, 你对html完成没有接触过, 也不想了解, 没有关系

我们提供了可视化的布局工具!!

注意: 因为版本的升级, 可能存在图片和说明不一致的情况

St

Read more