分类目录归档:smartchart

SMARTCHART使用指南


SmartChart designed for you

SmartChart是为你而生的一个产品, 你只需要使用通用开发技术就可以使用,无需学习特定的技能, 因为她的通用性, 所以让你的知识不会因为改变而淘汰

因为她的灵活性, 你可以充分发挥你的智慧让她变得非常的Smart

抛弃繁琐的操作, 加速你的开发效率, 和BI产品相比, 如同Linux与Window的区别

她是一个数据集装箱, 让你非常方便的把数据组装起来后, 可使用统一的接口对外服务,支持系统间嵌入,实时,快速定制化开发. 你也可以理解为数据中台, 用可视化提供统一数据服务. 这是一个面向开发人员的平台, 实现数据的最后一公里

Read more

luckysheet相关配置


luckysheet.create({
        container: "luckysheet", // 设定DOM容器的id
        title: "Luckysheet Demo", // 设定表格名称
        lang: "zh", // 设定表格语言
        plugins: ["chart"],
        data: [
          {
            name: "", //工作表名称
            color: "#eee333", //工作表(工作表名称底部边框线)颜色
            index: 0, /

Read more

常见html组件


常见html组件
类型 标签 说明 效果
文字 h1..h6 <h4>我是中号字体</h4>

我是中号字体

文字 br 换行
图片 img <img src="smiley-2.gif" alt="Smiley face" width="42" height="42">
嵌入 iframe <iframe src="http://www.smartchart.cn"></iframe>
链接 a <a href="http://www.smartchart.cn" target="_blank"

Read more

常用样式参考


样式操作:

要想大屏做得好, 样式要写得好 可是我们不是前端的同学也能写样式么 当然可以, 相信你观看完以下视屏即可

快速上手样式开发

smartchart开发方法, 参考专业版本开发文档

基础样式入门:

CSS介绍

CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。

CSS语法

CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 输入图片说明 CSS注释

/*这是注释*/

注释是代码之母, smartchart编辑中你可以使用CTRL+/

Read more

SMARTCHART多项筛选联动


Smartchart对于单项筛选有通用的组件, 可以直接配置即可,但对于个性化的筛选,需要你进行一些简单的定制化,以下就针对多项筛选联动的需求来介绍如何定制化你的筛选联动效果 以我们内置的仪表盘为例,

第一步,新建一个数据集,可将其移到0号位置

第二步,在新的数据集中编写查询

select distinct H1 as heroname  from smartdemo2 limit 10

第三步,编辑此数据集的图形,可复制以下代码

//select distinct xx  from tablename
let dataset=__dataset__;
let table = '&

Read more

SMARTCHART布局指引


整理一份完整的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

smartchart多功能表格


大家在使用smartchart的过程中, 如果使用图形会非常方便, 因为可以直接使用echarts的配置项, 但是如果使用表格就稍微有些麻烦, 因为echarts没有相关的功能
所以我们会在3.9.9.10的版本中内置多功能表格的实现, 可以实现滚动, 及点击响应效果, 也能够快速生成常规的表格
你需要做的是复制以下代码到图形中, 按要求修改就可以了
let dataset=__dataset__;
let rowhead = dataset[0];
let dataObj = ds_createMap_all(dataset);

let tbstyle = "border: 0.

Read more

smartchart的设计理念


为了让大家能够更好的使用smartchart, 理解她的设计哲学可能会有所帮助, 以下供大家参考:

  • 她是基于真实应用场景的敏捷数据中台而设计的产品,已成熟在多个大型企业应用多年,不仅是一个可视化低代码开发平台, 也是数据接口低代码, 甚至是业务系统低代码开发平台

  • 支持多种混合布局, 对于普通报表可以使用响应式布局同时满足大屏, 电脑, 平板, 手机端的页面, 对于大屏也可使用拖拽辅助布局来配合自由开发模式(专业版)

  • 她是面向开发者, 如果需要设计出来非常漂亮有个性的数据展现形式, 我们发现如果要达到这个目的, 不管用什么开发工具, 最终还是需要用户了解一些基础的html, css, ec

Read more

模板下载操作方法


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

从管理员处获取下载TOKEN

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

资源文件放置路径

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

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

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

Read more

SmartChart简易模板套餐


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

框架布局已经全部处理, 数据集已建立, 你仅需要编写SQL和图形开发即可
转化模板都是需要耗费些休息的时间, 是smartchart的增值服务

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

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

Read more