This commit is contained in:
JohnYan 2022-11-07 17:53:42 +08:00
parent 5b9abdd148
commit 296304b0d7
213 changed files with 173364 additions and 0 deletions

54
docs/smartchart/404.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="theme-color" content="#FFFFFF">
<meta name="color-scheme" content="light dark"><meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://smartchart.gitee.io/404.html" />
<title>404 Page not found | Smartchart开发手册</title>
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
<script defer src="/flexsearch.min.js"></script>
<script defer src="/en.search.min.9676739f7d6fb9d37e12fd58a755b4f44ec0d94abaddeb103ece302f676fbdef.js" integrity="sha256-lnZzn31vudN&#43;Ev1Yp1W09E7A2Uq63esQPs4wL2dvve8=" crossorigin="anonymous"></script>
<script defer src="/sw.min.6f6f90fcb8eb1c49ec389838e6b801d0de19430b8e516902f8d75c3c8bd98739.js" integrity="sha256-b2&#43;Q/LjrHEnsOJg45rgB0N4ZQwuOUWkC&#43;NdcPIvZhzk=" crossorigin="anonymous"></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
<style>
.not-found {
text-align: center;
}
.not-found h1 {
margin: .25em 0 0 0;
opacity: .25;
font-size: 40vmin;
}
</style>
</head>
<body>
<main class="flex justify-center not-found">
<div>
<h1>404</h1>
<h2>Page Not Found</h2>
<h3>
<a href="/">Smartchart开发手册</a>
</h3>
</div>
</main>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Smartchart开发手册</title>
<link>https://smartchart.gitee.io/categories/</link>
<description>Recent content in Categories on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://smartchart.gitee.io/categories/</title>
<link rel="canonical" href="https://smartchart.gitee.io/categories/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://smartchart.gitee.io/categories/">
</head>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/%E4%BD%BF%E7%94%A8VUE/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/%E4%BD%BF%E7%94%A8VUE/</guid>
<description>使用场景 # 报表中涉及交互场景较多, 需要数据与页面绑定 开发者熟悉vue 常见绑定 # //显示变量message &amp;lt;p&amp;gt;{[ message ]}&amp;lt;/p&amp;gt; //循环产生li,变量sites &amp;lt;ol&amp;gt; &amp;lt;li v-for=&amp;#34;site in sites&amp;#34;&amp;gt; {[ site.name ]} &amp;lt;/li&amp;gt; &amp;lt;/ol&amp;gt; //绑定输入值变量use &amp;lt;input type=&amp;#34;checkbox&amp;#34; v-model=&amp;#34;use&amp;#34;&amp;gt; //显示控制 &amp;lt;p v-if=&amp;#34;seen&amp;#34;&amp;gt;现在你看到我了&amp;lt;/p&amp;gt; &amp;lt;p v-show=&amp;#34;seen&amp;#34;&amp;gt;现在你看到我了&amp;lt;/p&amp;gt; //绑定属性 &amp;lt;a :href=&amp;#34;url&amp;#34;&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;div :style=&amp;#34;{ color: activeColor, fontSize: fontSize + &amp;#39;px&amp;#39; }&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div :class=&amp;#34;[errorClass ,isActive ? activeClass : &amp;#39;&amp;#39;]&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; //绑定点击方法 &amp;lt;a @click=&amp;#34;doSomething&amp;#34;&amp;gt;&amp;lt;/a&amp;gt; 开启VUE # 需要在高级中加入“dv”:2,即可开启vue模式 你可以在图形编辑器中给vue的变量赋值我们内置了17个变量从d0, d1&amp;hellip; d16 赋值方式 vapp.d0 = xxxx 你可以将d0赋值为字典, 如: vapp.d0 = { &amp;lsquo;index1&amp;rsquo;: 100, &amp;lsquo;index2&amp;rsquo;: 300}</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/ElementUI/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/ElementUI/</guid>
<description> 应用场景 # 非大屏场景应用 有较多交互场景的报表, 如筛选,表格,分页,下载等 使用方法 # 如下图, base.html 改为 basevue.html 将自动开启加载vue和elementui 注意vue的变量引用在 模板编辑界面中, 写法变更为 {[ ]}
ElementUI组件说明 视屏参考
参考样列 # 新增一个数据集(点击金色的新增按钮, 这样会新增一个可拖拽的数据集) 修改相应的数据集及图形 数据集端
select H1, H2, qty, rate from smartdemo2 limit 100 图形端
let dataset = __dataset__; let tableData = ds_createMap_all(dataset); vapp.d0={ tableData: tableData } 模板Body区端
&amp;lt;div class=&amp;#34;smtdrag&amp;#34; id=&amp;#34;id_1639824145817&amp;#34;&amp;gt; &amp;lt;template&amp;gt; &amp;lt;el-table stripe border height=&amp;#34;100%&amp;#34; :data=&amp;#34;d0.tableData&amp;#34; style=&amp;#34;width: 100%&amp;#34;&amp;gt; &amp;lt;el-table-column label=&amp;#34;hero&amp;#34;&amp;gt; &amp;lt;el-table-column prop=&amp;#34;H1&amp;#34; label=&amp;#34;H1&amp;#34; fixed :default-sort = &amp;#34;{prop: &amp;#39;H2&amp;#39;, order: &amp;#39;descending&amp;#39;}&amp;#34; width=&amp;#34;180&amp;#34;&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;el-table-column prop=&amp;#34;H2&amp;#34; label=&amp;#34;H2&amp;#34; sortable width=&amp;#34;180&amp;#34;&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;el-table-column sortable prop=&amp;#34;qty&amp;#34; label=&amp;#34;qty&amp;#34;&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;el-table-column prop=&amp;#34;rate&amp;#34; label=&amp;#34;rate&amp;#34;&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;/el-table&amp;gt; &amp;lt;/template&amp;gt; &amp;lt;/div&amp;gt; </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/DataV%E5%BA%94%E7%94%A8/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/VUE%E7%9B%B8%E5%85%B3/DataV%E5%BA%94%E7%94%A8/</guid>
<description>需要在高级中加入“dv”:1,即可开启datav模式
参考视屏 1. DataV基础应用 2. DataV翻盘器
DataV配置方法文档: 图表</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>专业版本说明</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%93%E4%B8%9A%E7%89%88%E8%AF%B4%E6%98%8E/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%93%E4%B8%9A%E7%89%88%E8%AF%B4%E6%98%8E/</guid>
<description> 版权声明 # 为项目能持续维护,并保持稳定的模式,按照社区投票的意见, 开始区分免费版本和专业版本 目前免费版本无需激活, 你可以使用到常用的功能,我们也会保持持续的更新 为保持项目的健康发展,如需进行商用,您需提供使用方并知会作者进行授权
免费版使用者必须保留SmartChart相关版权标识及LOGO禁止对其进行修改和删除 如果违反,将保留对侵权者追究责任的权利
激活方式 # 您在初次安装Smartchart后会自动免费激活20天的专业版本, 之后专业版本功能会限制使用 请务必仔细阅读免费版本与专业版本的区别, 避免带来的不便 后续如果您还需要继续体验专业版本, 点击查看激活试用方式, 如果您是企业用途,建意使用专业版,获取更快的开发效率,可视化效果, 可靠性的保障及极速的查询体验
针对个人独立开发者,你可以采用廉价的专业版仪表盘激活方案, 可满足小项目的可视化要求 如果需要永久激活专业版,可关注公众号与客服联系,或扫码联系微信客服了解, 非诚勿扰
微信客服不提供技术咨询, 如有使用方法的疑惑,建意加QQ群:476715246 进行沟通
免费版本与专业版本对比: # 功能 免费版 专业版 中台版 栅格布局 V V V DATAV V V V 拖拽布局 V V 自由开发 V V 切换图表主题 V V 主题自由设计 V V 引入JS V V 引入CSS V V 上传静态资源 V V 使用VUE V V V 数据集开发 V V V 所有数据源 V V V 图形开发 V V V 图形商店 V V V 普通模板应用 V V V 专业模板应用 V V 复制仪表盘 V V V 钻取 V V V 联动 V V V 筛选 V V V 单点登录 V V V 嵌入认证 V V LDAP认证 V V Juypter V V V 快捷存档 V V 数据加速 V V 数据API服务 V V 后台API刷新 V V 仪表盘同步 V V 仪表盘版本管理 V V 数据填报 V V 报表Portal V V 多级项目菜单 V 商业授权 V V 优先咨询 V V 专业边框背景 V V 3D场景 V V 中国式报表 V V 生产部署文档 V V 个性化修改 V V 授权书 V V 低代码ETL V 调度平台 V 智慧BI V 数据资产 V 数据血缘 V 租户管理 V </description>
</item>
<item>
<title>快速开始</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/</guid>
<description>开发前你可以先观看操作方面的 :exclamation: 操作视屏教程 :exclamation: 5.0变更操作视屏教程 :exclamation: 开发系列合集,关注作者持续更新
由于版本的变更, 一些图标可能会有一些变化, 但位置无太大的变化
安装Python环境 # 环境准备: 官方 最新Python下载链接,可以到 淘宝镜象下载,也可以下载 WINDOWS64位安装版, MAC电脑安装版
Window平台安装视屏介绍,注意: Windows安装Python时需选中&amp;quot;Add to Path&amp;quot; Linux安装可参考文档下方的部署说明, Linux安装说明
安装SmartChart # 在Shell或CMD命令行执行
pip3 install smartchart 如果安装过程慢,建意使用 pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple smartchart -U 升级方法: pip3 install smartchart -U (升级) 启动smartchart # 本地命令行启动: smartchart 如果你是服务器部署,远程访问,服务端启动方式: smartchart runserver 0.0.0.0:8000 --insecure --noreload 如果出现套接字,端口被占用, 可修改端口号启动, 如 smartchart runserver 0.0.0.0:8001 --insecure --noreload 一般本地启动后访问: http://127.0.0.1:8000 管理员帐号密码: admin/admin, 请及时更改密码
如果忘记密码, 可以使用此命令重置 smartchart changepassword 用户名 鼠标滑动点击如下图DEV图标, 切换为开发模式,这样才可以看到开发相关菜单,后打开demo页面 注意: 不切换是正常的用户报表浏览模式!</description>
</item>
<item>
<title>第一个仪表盘</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E7%AC%AC%E4%B8%80%E4%B8%AA%E4%BB%AA%E8%A1%A8%E7%9B%98/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E7%AC%AC%E4%B8%80%E4%B8%AA%E4%BB%AA%E8%A1%A8%E7%9B%98/</guid>
<description>由于版本的变更, 一些图标可能会有一些变化, 但位置无太大的变化
新建仪表盘 # 在开发模式下,滑动“开发管理” -&amp;gt;&amp;ldquo;仪表盘&amp;rdquo;-&amp;gt; &amp;ldquo;新增Dashboard&amp;rdquo; 填写相应信息后点击“保存” 点击进入仪表盘开发, 注意点击 &amp;ldquo;E&amp;rdquo; 字!! 点击新增(注意拖拽布局功能为PRO版本, 后续免费版本中将无法使用), 如果你坚持使用免费版本功能, 请使用左边的蓝色颜色的新增, 具体布局方式参考 数据集编辑 # 点开“数据集” 输入以下SQL后点击“保存并刷新”, 关闭数据集编辑界面 select H1 as heroname, sum(qty) as 出场数 from smartdemo2 group by H1 order by sum(qty) desc 图形编辑 # 点开“图形编辑” 点击“云图标”,第一次使用可能要你进行登记,按提示操作即可, 在商店中找到合适的图形点击,会自动复制到剪贴板 贴粘到图形编辑器后,点击保存, 关闭图形编辑框 拖拽布局 # 重复以上步骤,再新增一个, 你可以使用拖拽的方式, 移动到不同的地方 </description>
</item>
<item>
<title>创建连接池</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%88%9B%E5%BB%BA%E8%BF%9E%E6%8E%A5%E6%B1%A0/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%88%9B%E5%BB%BA%E8%BF%9E%E6%8E%A5%E6%B1%A0/</guid>
<description>如何新增数据源 # 在开发模式下,点击“开发管理”-&amp;gt;数据源-&amp;gt;新增 配置连接池参数,注意数据库填写是备注中有写的名称 你可以通过新建一个数据集来测试连接池的连通性
点击“保存” 后,回到数据集列表 点击如下图标&amp;quot;E&amp;quot;,进入数据集开发界面 在开发界面调试 安全控制 # 你可以在“参数”中设定安全控制,可避免用户误操作导致前后端卡死 limit: 可限定最大返回数据数量(但实际数据库查询无limit,需通过mode控制) mode: 控制用户查询行为默认为模式1
模式 说明 0 严格模式每次查询向数据库都会增加limitMPP类型数据库可能会排序失效 1 开发模式仅调试查询数据库都会增加limit调试时MPP类型数据库可能会排序失效但不影响实际 2 宽松模式查询都不带limit, 仅控制返回limit,需开发者避免大查询 支持的数据源: # 数据库 驱动填写 需安装 使用说明 Mysql mysql 默认支持 Mysql连接池 mysqlpool Sqlite sqlite 默认支持 连接地址填写绝对路径 API 任意 默认支持 参考数据集说明文档 EXCEL 任意 默认支持 参考数据集说明文档 SQL Server mssql 需安装 pip install pymssql SQL Server连接池 mssqlpool ORACLE oracle pip install cx_Oracle ORACLE连接池 oraclepool PostgreSql gp pip install psycopg2 GP gp pip install psycopg2 Impala impala pip install impyla Hive hive pip install impyla DB2 db2 pip install ibm_db 达梦 dm pip install dmPython Python python pip install pandas, openpyxl 参考数据集-&amp;gt;特殊数据源 Redis redis pip install redis 参考数据集-&amp;gt;特殊数据源 Mongodb mongodb pip install pymongo 参考数据集-&amp;gt;特殊数据源 Clickhouse clickhouse pip install clickhouse_driver Elasticsearch es pip install elasticsearch==7.</description>
</item>
<item>
<title>应用模板</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%BA%94%E7%94%A8%E6%A8%A1%E6%9D%BF/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E5%BA%94%E7%94%A8%E6%A8%A1%E6%9D%BF/</guid>
<description>应用场景 # 你可以快速应用开发好的模板,极大的提高你的开发和学习效率
应用本地模板 # 你可以快速应用本地备份的模板, 我们内置了一个 通用的数据查询和下载模板 , 你可以尝试
新建一个全新的dashboard, 不要放任何报表, 点击保存且编辑后, 下方可以看到下载链接, 然后点击下载即可直接应用 输入&amp;quot;01_SMARTCHART&amp;quot;, 点击本地恢复即可 更多本地备份恢复参考
应用商店模板 # 方法同上&amp;quot;应用本地模板&amp;quot;, 注意应用商店模板为收费增值服务
你可以点击 模板查询, 查看相应的价格后在 TB购买即可获取下载密钥 如果是全新的仪表盘, 直接输入下载密钥, 点击&amp;quot; 商城下载 &amp;ldquo;即可 如果仪表盘中有数据集且不再需要, 可以在下载密钥前面加上FORCE即可自动清空已有数据集后自动下载 注意模板太廉价,购买后并没有咨询服务,请务必自行了解如何使用
资源文件放置路径 有些资源会离线打包提供给你, 只需上传即可, 上传方法参考
如果不清楚可以观看视屏说明 使用方法可参考视屏: 一键应用模板</description>
</item>
<item>
<title>权限管理</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E6%9D%83%E9%99%90%E7%AE%A1%E7%90%86/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E6%9D%83%E9%99%90%E7%AE%A1%E7%90%86/</guid>
<description>目前的权限管理,大概如下:
开发者权限 # 你点击DEV后, 才会出进入后台的图标, 在后台中你可以控制用户的开发权限 新建用户默认是没有开发权限的, 在首页也看不到任何开发相关的菜单
如果你需要给用户开发权限, 需要设定如下: Dashboard报表查看权限 # 你可以在 仪表盘设定 中进行权限管理 全局编辑或查看权限 由平台用户组或用户权限配置, 如果用户需要查看报表, 需先分配到有查看权限的组中, 默认加入集团组可以具备查看权限 在dashboard设定页面中可针对人员来分配 编辑权限, 有编辑权限同时也会满足查看权限 在dashboard设定页面中可针对组来分配 查看权限 未上线 的报表, 只会在编辑页面中出现, 可以预览 公开 的报表, 如没有分配编辑权限,在编辑页面中不出现, 但在查看页面所有人可见你可以共享给所有人访问url: http://xxxxx8000/echart?type=你的仪表盘名称 手机端过滤, 你可以通过 &amp;ldquo;全端&amp;rdquo;,&amp;ldquo;电脑端&amp;rdquo; 选项实现, 当勾选 &amp;ldquo;全端&amp;rdquo; 时, 手机端电脑端都会显示, 当未勾选 全端, 也不勾选 电脑端时, 只会在 手机显示, 反之只在电脑端显示 总结 # 在编辑入口只会显示 有按人员分配编辑权限的报表清单, 在查看入口中会显示已启用且上线且(已分配查看权限或编辑权限或公开)的报表 所以你可以么这么搭配: 对于通用报表可以所有人访问的, 但你又不想让他在清单中显示, 你可以将他设为公开但不上线 对于开发中的报表, 你可以设为未上线</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/%E4%B8%BB%E9%A2%98%E5%BA%94%E7%94%A8PRO/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/%E4%B8%BB%E9%A2%98%E5%BA%94%E7%94%A8PRO/</guid>
<description>点击smartchart图标,切换到菜单固定模式, 你可看到主题的选择 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/%E5%A4%8D%E5%88%B6%E4%BB%AA%E8%A1%A8%E7%9B%98/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/1.%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C/%E4%B8%8D%E5%A4%AA%E9%87%8D%E8%A6%81/%E5%A4%8D%E5%88%B6%E4%BB%AA%E8%A1%A8%E7%9B%98/</guid>
<description> 复制仪表盘 # 好不容易开发好了一个仪表盘, 想再做一个类似的, 或者想要一个测试用, 还需要一个个数据集, 图形复制粘贴么, 不, 你仅仅只需要点击下, 将给你复制出一个全新的仪表盘 注意: 复制出来的仪表盘, 数据集是与原仪表盘公用的!!
如果你想将数据集独立出来, 可以按下图操作, 进入数据集设定, 点击磁铁, 将为你自动创建一个全新的数据集 </description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/FAQ/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/FAQ/</guid>
<description>FAQ # 启动显示 以一种访问权限不允许的方式做了一个访问套接字的尝试 出现这种情况在Windows中很常见就是端口被占用酷狗音乐会占用8000端口 使用netstat -ano|findstr 8000 找到进程号 使用taskkill /pid 进程号 /F
输入命令找不到smartchart 检查你是否有安装多个python环境出现环境变量冲突,请卸载一个或取消一个环境变量
如法安装pip 请确认在安装python时,有没有加入环境变量, 可自行加入, 或卸载重装
关于mac版本安装后的各种问题 目前来看最大的可能是,/Library/Developer/CommandLineTools这个目录下有python3应该是在某一个版本的Xcode command line tools安装时生成的 可以先把python3全部卸载再重新按说明安装命令行中输入python3 和 pip3 找不到command时才说明完全卸载成功
sudo rm -rf /Library/Developer/CommandLineTools sudo rm -f /usr/bin/python3 如果密码忘记了怎么办 命令行输入smartchart changepassword 你的用户名</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/%E8%AF%95%E7%94%A8%E6%BF%80%E6%B4%BB%E8%AF%B4%E6%98%8E/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/10.%E5%85%B6%E5%AE%83/%E8%AF%95%E7%94%A8%E6%BF%80%E6%B4%BB%E8%AF%B4%E6%98%8E/</guid>
<description>试用专业版激活码需要每3天激活一次,激活方式: 由于开发很忙, 文档可能会写得有不尽之处, 多多包涵</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/</guid>
<description>涉及的基础环境和版本: # * Centos 7 * Python 3.9 /data/smartchart/ 项目主目录 /data/smartchart/tools 项目相关软件 下述内容中,凡是涉及到/data/smartchart路径的都可以将其修改为你自己系统上的路径。 安装环境 # 安装Python # cd /data/smartchart/tools yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpcap-devel xz-devel libffi-devel 下载https://npm.taobao.org/mirrors/python/3.9.0/ 上传服务器,放入安装目录解压 或者 Wget https://npm.taobao.org/mirrors/python/3.9.0/Python-3.9.0.tgz tar -zxvf Python-3.9.0.tgz 进行源码目录 配置安装路径 ./Python-3.9.0/configure --prefix=/data/smartchart/tools/python3 编译安装 make &amp;amp;&amp;amp; make install 建立软链接 ln -s /data/smartchart/tools/python3/bin/python3.9 /usr/bin/python3 ln -s /data/smartchart/tools/python3/bin/pip3.9 /usr/bin/pip3 测试是否安装成功 python3 --version 建立python虚拟环境 # python3 -m venv myvenv cd myvenv source bin/activate 在虚拟环境中安装smartchart # pip3 install -i https://pypi.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/SQLite3%E7%89%88%E6%9C%AC%E9%94%99%E8%AF%AF/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/SQLite3%E7%89%88%E6%9C%AC%E9%94%99%E8%AF%AF/</guid>
<description>SQLite3版本错误 在部分操作系统下比如CentOS 7使用SQLite3数据库运行会出现如下的错误提示
django.core.exceptions.ImproperlyConfigured: SQLite 3.8.3 or later is required (found 3.7.17). 这表明操作系统自带的sqlite3版本过低需要将系统的sqlite3进行升级。
以下是一种方法,来自于 StackOverlow
1、下载新版本的SQLite3
wget https://www.sqlite.org/2019/sqlite-autoconf-3290000.tar.gz 2、解压文件
tar zxvf sqlite-autoconf-3290000.tar.gz 3、进行解压后的目录
cd sqlite-autoconf-3290000 4、配置安装目录
./configure --prefix=$HOME/opt/sqlite 5、编译安装
make &amp;amp;&amp;amp; make install 6、指定环境变量
export PATH=$HOME/opt/sqlite/bin:$PATH export LD_LIBRARY_PATH=$HOME/opt/sqlite/lib export LD_RUN_PATH=$HOME/opt/sqlite/lib 完成之后可以运行sqlite3 &amp;ndash;version 命令来查看当前的SQLite3版本。</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/%E7%94%9F%E4%BA%A7%E9%83%A8%E7%BD%B2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/Linux/%E7%94%9F%E4%BA%A7%E9%83%A8%E7%BD%B2/</guid>
<description>购买专业版本,提供企业生产部署及无网离线部署方案</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/11.%E9%83%A8%E7%BD%B2%E6%8C%87%E5%8D%97/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/%E4%BB%8EEXCEL%E7%B2%98%E8%B4%B4%E6%95%B0%E6%8D%AE/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/%E4%BB%8EEXCEL%E7%B2%98%E8%B4%B4%E6%95%B0%E6%8D%AE/</guid>
<description> 固定数据集 # 有一些场景, 比如已有一些固定的筛选器,或是需要测试用,或者Demo,或者其它图形需要用到一些共用的已确定好的数据 这样我们可以不需要通过查询数据库的方式, 而直接写入数据集, 支持数组和字典的格式 你只需要在数据集中起始写入 dataset= , 这样就是默认是固定数据
如何快速的输入固定数据集, 你可以通过直接从EXCEL复制到数据集编辑器(以下图片非目前编辑器, 供参考),保存以后会自动生成: 固定数据集也支持之前提到传参数, 魔术方法, 缓存等所有数据集的功能 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/%E6%95%B0%E6%8D%AE%E4%B8%8A%E4%BC%A0/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/EXCEL%E6%95%B0%E6%8D%AE/%E6%95%B0%E6%8D%AE%E4%B8%8A%E4%BC%A0/</guid>
<description>用户如何上传文件 # smartchart默认是不自带文件上传功能 但是smartchart是可以自已创造上传页面, 在模板商店中你可以找到相关模板进行购买 然后通过模板下载的方式下载后进行操作 这样每一个页面是可以单独使用权限控制的,就和控制报表权限一样,你还可能按需随意定制页面 关于上传文件的路径 # 默认的上传主目录是在项目的log的文件夹下面, 你可以在setting.py(自定义django) 或 config.ini中设定UPLOAD_PATH来修改你的上传目录 比如你上传页面的报表ID是23, 那么文件将会被上传到UPLOAD_PATH/23/你的文件名
如何使用上传的文件 # 你需要使用 python连接器, 来操作你的上传的数据, 内置了变量ds_path为你的上传目录, 所以可以更方便的读取上传的文件,如上文件 df = pd.read_excel(ds_path+&amp;rsquo;/23/文件名&#39;)</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E5%BC%80%E5%8F%91%E7%95%8C%E9%9D%A2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E5%BC%80%E5%8F%91%E7%95%8C%E9%9D%A2/</guid>
<description>开发前建意先观看视屏, 了解基础说明, 视屏有点老和现在界面不一样, 目前很多功能已经做成可视化配置, 理解过程即可, 具体以文档为准
Smartchart数据集与图形 从仪表盘界面中进入简易开发界面 # </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/SQL%E6%95%B0%E6%8D%AE%E9%9B%86/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/SQL%E6%95%B0%E6%8D%AE%E9%9B%86/</guid>
<description>SmartChart标准数据集你可以想象为一个EXCEL的二维表, 有行和列 你直接在数据集开发界面填写SQL即可
标准图形的数据表类型 # A类数据源 # 比如你的原始数据库中表的格式如下, 表名tb_name: 城市 户型 数量 长沙 A 12 长沙 A 23 上海 B 19 查询的sql: select 城市,户型,sum(数量) AS 数量 from tb_name group by 城市,户型 正常的查询的结果为: [[&amp;#39;城市&amp;#39;,&amp;#39;户型&amp;#39;,&amp;#39;数量&amp;#39;], [&amp;#39;长沙&amp;#39;,&amp;#39;A&amp;#39;,35], [&amp;#39;上海&amp;#39;,&amp;#39;B &amp;#39;,19]] 由于生成的数据格式第二行是 [字符,字符,数值], 后台会自动进行转列动作, 生成图表更容易使用格式: [[&amp;#39;Categroy&amp;#39;,&amp;#39;A&amp;#39;,&amp;#39;B&amp;#39;], [&amp;#39;长沙&amp;#39;, 35, 0], [&amp;#39;上海&amp;#39;, 0, 19]] B类数据源 # 再比如我们有一个表的数据格式, 指标是展开的: 城市 A B 长沙 10 12 上海 11 19 长沙 9 10 我们可以写的sql是: select 城市, sum(A) as A, sum(B) as B from tb_name group by 城市 这样得到的结果是: [[&amp;#39;城市&amp;#39;,&amp;#39;A&amp;#39;,&amp;#39;B&amp;#39;], [&amp;#39;长沙&amp;#39;, 19, 22], [&amp;#39;上海&amp;#39;, 11, 19]] 和我们的标准格式也是一样的 SQL多段查询 # 有时你一个数据集可能只用一个SQL查询还不够比如你需要一个清单数据同时你需要一个汇总数据做为说明在图形中显示这样你就需要使用多条SQL语句在数据集中的写法你只需要用分号隔开</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E5%85%B1%E4%BA%AB%E6%95%B0%E6%8D%AE%E9%9B%86/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E5%85%B1%E4%BA%AB%E6%95%B0%E6%8D%AE%E9%9B%86/</guid>
<description> 应用场景 # 优化查询, 可一个数据集查询完所有数据进行分发 减少重复查询的浪费, 同一个数据只查询一次 使用方法 # 在数据开发界面点击按钮就可以切换成共享数据集/普通数据集 切换完成, 你会发现数据集消失,然后图标跑到菜单上面去了, 你可以在此修改你的查询 在”高级“ 中配置 这样12号图形都映射到了共享数据集的数据 你也可以在数据集中写多个SQL查询 在”高级“ 设定中进行数据映射 观察12 号图形的变化 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E6%95%B0%E6%8D%AE%E5%88%B7%E6%96%B0/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E6%95%B0%E6%8D%AE%E5%88%B7%E6%96%B0/</guid>
<description>数据刷新设定方法 # smartchart提供非常精细的数据刷新功能,及内存加速功能 你可以在数据集开发界面,点击连接的图标,进行设定 定时刷新 # 你可以设定前端页面数据集向后端请求刷新的时间间隔,单位秒
如果你发现定时刷新,数据并没有变化,可能原因是您数据的缓存时间设定大于定时刷新的时间
数据集缓存加速PRO) # smartchart专业版提供内存加速技术对数据库仅需请求一次之后都是毫秒级响应
间隔时间刷新,单位分钟,如设定 间隔时间为0.5, 则如果下一次访问时间超过30秒, 即触发数据刷新 固定时点刷新, 如设定 间隔时间 为-1, 则固定时点刷新, 即访问的时间超过固定的时点时(如下图每天09:25), 触发数据刷新 强制刷新, 访问url加上&amp;amp;refresh=Y, 则强制刷新数据, 此刷新不会影响间隔或固定刷新的时间, 不会更新下次同步时间 后台触发强制刷新 (PRO) # 请参考文档 后台主动触发刷新</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E6%87%92%E5%8A%A0%E8%BD%BD/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E6%95%B0%E6%8D%AE%E9%9B%86%E6%87%92%E5%8A%A0%E8%BD%BD/</guid>
<description>应用场景 # 类似于前后端开发, 后端会提供一些接口给前端, 但前端不一定需要在一打开页面就进行查询接口, 而是当有需要时再查询, 比如数据下载, 只有当用户有下载需求时再加载, 再比如有些与后台的数据联动, 我们只需要第一次加载时只显示第一层级, 点击时再加载其它层级
开启数据集懒加载 # 你可以点击数据集的开发界面的&amp;quot;连接&amp;quot; 图标, 将&amp;quot;前端刷新(秒)&amp;quot; 修改为-1 这时当打开仪表盘时, 此数据集不会被加载
应用 # 一般懒加载数据集主要是用来做数据查询的, 所以并不太需要显示图形, 所以我们主要是用于在图形中进行赋值操作 比如先在模板中定义一个全局变量: 然后修改图形编辑中的代码: 即刷新数据集时会进行变量赋值 如果您使用VUE, 那么会更方便, 你可以直接使用vapp.变量名 = dataset进行赋值
查询数据 # 你可以随时手动触发数据集的刷新, 比如懒加载的数据集序号为0 你可以在你需要触发刷新的地方调用ds_refresh(0)即可刷新0号数据集并执行0号数据集中的JS代码
TIPS 可以将懒加载的数据集同时转化为共享数据集(参考上文), 懒加载数据集将移到菜单栏显示</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,109 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/API%E6%95%B0%E6%8D%AE%E9%9B%86/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/API%E6%95%B0%E6%8D%AE%E9%9B%86/</guid>
<description>对接外部API取数, 注意返回一定要是JSON格式 你只需要在数据集编辑框中如下输入
-- GET 方法: dataset= { &amp;#34;url&amp;#34;:&amp;#34;https://www.smartchart.cn/smartdata/api/?i=loaddataset1&amp;amp;j=1&amp;#34; } -- POST 方法: dataset= { &amp;#34;url&amp;#34;:&amp;#34;https://www.smartchart.cn/smartdata/api&amp;#34;, &amp;#34;method&amp;#34;:&amp;#34;POST&amp;#34;, &amp;#34;data&amp;#34;:{&amp;#34;i&amp;#34;:&amp;#34;loaddataset1&amp;#34;, &amp;#34;j&amp;#34;:&amp;#34;1&amp;#34;} ... } 例如你可以传入参数做出联动效果
dataset= { &amp;#34;url&amp;#34;:&amp;#34;https://www.smartchart.cn/smartdata/api&amp;#34;, &amp;#34;method&amp;#34;:&amp;#34;POST&amp;#34;, &amp;#34;data&amp;#34;:{&amp;#34;i&amp;#34;:&amp;#34;loaddataset1&amp;#34;, &amp;#34;j&amp;#34;:&amp;#34;/*$参数名*/&amp;#34;} ... } 你也可以增加header等认证方式
dataset= { &amp;#34;url&amp;#34;:&amp;#34;https://www.smartchart.cn/smartdata/api&amp;#34;, &amp;#34;method&amp;#34;:&amp;#34;GET&amp;#34;, &amp;#34;headers&amp;#34;:{&amp;#34;Cookie&amp;#34;:&amp;#34;xxxxxxx&amp;#34;} ... } </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Python%E6%95%B0%E6%8D%AE%E9%9B%86/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Python%E6%95%B0%E6%8D%AE%E9%9B%86/</guid>
<description>应用场景 # 当SQL查询无法满足你的需求, 你需要对查询后的结果进行处理, 或者你需要使用Excel的数据源, 甚至你需要对不同系统的数据进行查询, Python连接器可以帮到你 我们又称他为万能数据集, 你可以使用任何python语法 需要把数据集的结果赋值给ds变量!!
首先你需要新建python连接器, 由于安全控制只允许超级管理员建立 # 内置函数说明 ds_get(id) #输入目标数据集的id名, 可以获取目标数据集 ds_df(id) #输入目标数据集的id名, 转化成pandas的df对象 ds_sql(conn_name, sql_str) #输入连接池中的名称, SQL语句, 获取数据集 ds_list(df) #将pandas的df对象转化成数据集 使用方法样列说明 # # 读取Excel数据处理, 如需上传页面可参考&amp;#34;数据上传&amp;#34;说明 import pandas as pd df = pd.read_excel(&amp;#39;/Users/../smartdemo.xlsx&amp;#39;, &amp;#39;demo&amp;#39;) df = df.groupby(&amp;#39;c3&amp;#39;).agg({&amp;#39;qty&amp;#39;:&amp;#39;sum&amp;#39;}).reset_index() ds = ds_list(df) #从数据集获取数据 ds=ds_get(12) ds=ds[:15] #从数据集获取数据转化成pandas对象处理 df = ds_df(12) df = df.sort_values(by=&amp;#34;出场数&amp;#34;, ascending=False) ds = ds_list(df) #可以生成字典格式的数据集供多个图形使用 import pandas as pd df = pd.read_excel(&amp;#39;/Users/../smartdemo.xlsx&amp;#39;, &amp;#39;demo&amp;#39;) df1 = df.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description>smartchart已实现大部分常用的数据源连接, 对于其它的, 您也可以使用python数据源进行处理 但是使用python数据源有一定的缺陷, 需要在dataset上写python代码, 不能复用 对于一些带连接信息的还需要重复写入 所以你还可以使用自定义数据源
应用场景 # 未内置的数据源, 如需要使用sparkSQL, ES等 标准处理满足不了要求, 需要对数据进行预处理的情况 需要刷新时触发预警等自定义动作 需要自定义写入方法, 个性化查询需求, 甚至是实时爬取数据 使用方法 # 首先你需要新建一个python脚本文件, 如diy_conn.py 复制以下代码到这个文件, 然后编写你的自定义查询方法 def dataset(*args, **kwargs): &amp;#34;&amp;#34;&amp;#34; 返回查询数据集 :return: 二维数组或JSON字典 &amp;#34;&amp;#34;&amp;#34; sqlList = args[0] # 数据集编辑界面的输入已按分号拆分成数组 [sql1, sql2...] config = args[1] # 相关的配置字典{&amp;#39;host&amp;#39;,&amp;#39;port&amp;#39;,&amp;#39;user&amp;#39;,&amp;#39;password&amp;#39;,&amp;#39;db&amp;#39;} # 插入你的数据查询及处理代码, 生成result即可 result = [[]] return result def insert_dataset(*args, **kwargs): &amp;#34;&amp;#34;&amp;#34; 数据填表实现 &amp;#34;&amp;#34;&amp;#34; contents = args[0] # 传入的数据集二维数组格式 table = args[1] # 配置中的表名 config = args[3] # 相关的配置字典{&amp;#39;host&amp;#39;,&amp;#39;port&amp;#39;,&amp;#39;user&amp;#39;,&amp;#39;password&amp;#39;,&amp;#39;db&amp;#39;} # 插入你的写入数据逻辑代码 在任意的仪表盘开发界面中 &amp;ldquo;模板&amp;rdquo; &amp;ndash;&amp;gt; 点击上传图标, 将这个python文件上传即可 新建数据源, 驱动填写之前上传过的文件名, 比如我们这个是diy_conn, 其它参数按照你自定义的需求填写, 会自动传入你的自定义函数 之后你可以正常使用这个自定义数据源了</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Elasticsearch%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Elasticsearch%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description>数据源配置方法 # 查询方法 # 更多查询方法参考 # 模糊查询 body = { &amp;#39;query&amp;#39;: { # 查询命令 &amp;#39;match&amp;#39;: { # 查询方法:模糊查询(会被分词)。比如此代码,会查到只包含:“我爱你”, “中国”的内容 &amp;#39;name&amp;#39;: &amp;#39;刘&amp;#39; } }, &amp;#39;size&amp;#39;: 20 # 不指定默认是10最大值不超过10000可以修改但是同时会增加数据库压力 } term精准单值查询 # 注此方法只能查询一个字段且只能指定一个值。类似于mysql中的where ziduan=&amp;#39;a&amp;#39; body ={ &amp;#39;query&amp;#39;:{ &amp;#39;term&amp;#39;:{ &amp;#39;ziduan1.keyword&amp;#39;: &amp;#39;刘婵&amp;#39; # 查询内容等于“我爱你中国的”的数据。查询中文,在字段后面需要加上.keyword # &amp;#39;ziduan2&amp;#39;: &amp;#39;liuchan&amp;#39; } } } erms精准多值查询 #此方法只能查询一个字段但可以同时指定多个值。类似于mysql中的where ziduan in (a, b,c...) body ={ &amp;#34;query&amp;#34;:{ &amp;#34;terms&amp;#34;:{ &amp;#34;ziduan1.keyword&amp;#34;: [&amp;#34;刘婵&amp;#34;, &amp;#34;赵云&amp;#34;] # 查询ziduan1=&amp;#34;刘婵&amp;#34;或=赵云...的数据 } } } multi_match多字段查询 # 查询多个字段中都包含指定内容的数据 body = { &amp;#34;query&amp;#34;:{ &amp;#34;multi_match&amp;#34;:{ &amp;#34;query&amp;#34;:&amp;#34;我爱你中国&amp;#34;, # 指定查询内容,注意:会被分词 &amp;#34;fields&amp;#34;:[&amp;#34;ziduan1&amp;#34;, &amp;#34;ziduan2&amp;#34;] # 指定字段 } } } prefix前缀查询 body = { &amp;#39;query&amp;#39;: { &amp;#39;prefix&amp;#39;: { &amp;#39;ziduan.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/JDBC%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/JDBC%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description> 应用场景 # 当无法在python中找到连接库时, 你还可以采用jdbc的连接方式
使用方法 # 首先您需要安装jdbc的包 pip install JayDeBeApi 在任意的一个仪表盘的 &amp;ldquo;模板&amp;rdquo; 编辑器中, 点击上传资源的图标上传相应的jdbc JAR包即可 新建连接的方式, 以下使用impala为例 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/kafka%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/kafka%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description>用于获取kafka指定分区的最后一条记录, 用于实时场景 使用方法参考&amp;quot;自定义数据源&amp;quot; 以下为参考代码:
def dataset(*args, **kwargs): &amp;#34;&amp;#34;&amp;#34; 返回查询数据集 :return: 二维数组或JSON字典 &amp;#34;&amp;#34;&amp;#34; from kafka import KafkaConsumer, TopicPartition import json sqlList = args[0] # 数据集编辑界面的输入已按分号拆分成数组 [sql1, sql2...] config = args[1] # 相关的配置字典{&amp;#39;host&amp;#39;,&amp;#39;port&amp;#39;,&amp;#39;user&amp;#39;,&amp;#39;password&amp;#39;,&amp;#39;db&amp;#39;} # 插入你的数据查询及处理代码, 生成result即可 result = {} consumer = KafkaConsumer(sasl_mechanism=&amp;#39;PLAIN&amp;#39;, security_protocol=&amp;#39;SASL_PLAINTEXT&amp;#39;, sasl_plain_username=config[&amp;#39;user&amp;#39;], sasl_plain_password=config[&amp;#39;password&amp;#39;], bootstrap_servers=config[&amp;#39;host&amp;#39;], auto_offset_reset=&amp;#39;earliest&amp;#39;, api_version=(1, 0, 0), consumer_timeout_ms=50, value_deserializer=lambda v: json.loads(v.decode(&amp;#39;utf-8&amp;#39;)), ) topic = sqlList[0] partition = int(config[&amp;#39;db&amp;#39;]) tp = TopicPartition(topic=topic, partition=partition) consumer.assign([tp]) end_offsets = consumer.end_offsets([tp]).get(tp) # 获取当前消费者最大偏移量 consumer.seek(tp, offset=end_offsets-1) for message in consumer: result = message.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/mongodb%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/mongodb%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description> 使用方法 # 连接池正常配置即可 数据集开发中,填写查询需求: {&amp;#34;db&amp;#34;: &amp;#34;db1&amp;#34;, &amp;#34;table&amp;#34;: &amp;#34;tb1&amp;#34;, &amp;#34;filter&amp;#34;: {&amp;#34;name&amp;#34;: &amp;#34;Zarten&amp;#34;}, &amp;#34;projection&amp;#34;: {&amp;#34;_id&amp;#34;: 0}, &amp;#34;sort&amp;#34;: [[&amp;#34;_id&amp;#34;, 1]], &amp;#34;limit&amp;#34;: 10} 由于返回的字典格式, 如需转化成二维数组, 可使图形中的转化函数ds_mapToList
let dataset=ds_mapToList(__dataset__); 参数说明: # 除table其它都为可选参数
参数 说明 样列 db 数库名,默认连接设定中db名 table 表名[必填] filter 筛选项,具体用法参考下文 {&amp;ldquo;name&amp;rdquo;: &amp;ldquo;Zarten&amp;rdquo;,&amp;ldquo;date&amp;rdquo;:&amp;ldquo;2020-10-01&amp;rdquo;} projection 显示列 {&amp;ldquo;name&amp;rdquo;: 1,&amp;ldquo;date&amp;rdquo;:1} sort 排序,-1为降序 [[&amp;ldquo;date&amp;rdquo;, -1]] limit 限定返回数量 filter条件说明 # 且条件
{&amp;#34;age&amp;#34;:{&amp;#34;$gt&amp;#34;:22}, &amp;#34;name&amp;#34;:{&amp;#34;$regex&amp;#34;:&amp;#34;user&amp;#34;}} 或条件
{ &amp;#34;$or&amp;#34;: [ {&amp;#34;age&amp;#34;: {&amp;#34;$gt&amp;#34;: 22}}, {&amp;#34;name&amp;#34;: {&amp;#34;$regex&amp;#34;: &amp;#34;user&amp;#34;}} ] } 比较查询 $lt和&amp;lt;$lte和&amp;lt;=$gt和&amp;gt;gte和&amp;gt;=ne和!=是一一对应的 {&amp;#34;field_name&amp;#34;: {&amp;#34;$lt&amp;#34;: value, &amp;#34;$gt&amp;#34;: value}} 关联查询$in和$nin {&amp;#34;field_name&amp;#34;: {&amp;#34;$in&amp;#34;: [1,5,8]}} $regex为模糊查询的字符串提供正则表达式功能 {&amp;#34;$or&amp;#34;: [{&amp;#34;field_name&amp;#34;: {&amp;#39;$regex&amp;#39;: value}},{&amp;#34;field_name2&amp;#34;: {&amp;#34;$regex&amp;#34;: value}}]} </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Redis%E6%95%B0%E6%8D%AE%E6%BA%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/Redis%E6%95%B0%E6%8D%AE%E6%BA%90/</guid>
<description>应用场景 # 你可能会有这样的一些需求, 展示数据是要通过外部的程序计算好,如一些实时的计算场景,用spark计算好的数据 或爬虫爬取的数据, 然后写入redis或nosql的数据库,最后由前端图形直接展示或数据下载,SmartChart支持这一块的应用
使用方法 # 你可以创建一个redis的连接池, 然后按照通用的方法建立数据集 不同的是, 数据集的SQL区不再是写sql代码, 而只需要写redis中的keyname
如redis中存储的数据是keyname 为 &amp;ldquo;指标A&amp;rdquo;, 数据 &amp;lsquo;{&amp;ldquo;长沙&amp;rdquo;:1,&amp;ldquo;上海&amp;rdquo;:2}&amp;rsquo; 这样我们只需要在数据集中写上
指标A 即可, 最后你会得到{&amp;ldquo;长沙&amp;rdquo;:1,&amp;ldquo;上海&amp;rdquo;:2}的返回结果
如果你需要的是表格格式, 那么你只需要往redis中存入一个二维数组, 比如: [[&amp;ldquo;省份&amp;rdquo;,&amp;ldquo;数量&amp;rdquo;],[&amp;ldquo;长沙&amp;rdquo;,1],[&amp;ldquo;上海&amp;rdquo;,2]]
注意数据存入redis为字符串格式,你可使用python的json.dumps来生成字符串格式存入
当然我们也支持同一个数据中获取多个keyname # 比如还有一个&amp;quot;指标B&amp;quot;, 数据是&#39;12345&#39; 我们可以同时写上两个指标,用分号隔开:
指标A;指标B 最后你会得到的结果是: { &amp;ldquo;指标A&amp;rdquo;:{&amp;ldquo;长沙&amp;rdquo;:1,&amp;ldquo;上海&amp;rdquo;:2}, &amp;ldquo;指标B&amp;rdquo;:12345 }</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/sqlalchemy%E8%BF%9E%E6%8E%A5/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/2.%E6%95%B0%E6%8D%AE%E9%9B%86%E8%AF%B4%E6%98%8E/%E7%89%B9%E6%AE%8A%E6%95%B0%E6%8D%AE%E6%BA%90/sqlalchemy%E8%BF%9E%E6%8E%A5/</guid>
<description>常规的连接池的设定, 大家应该都很清楚了, Smartchart也支持sqlalchemy连接, 对于一些smartchart不支持的数据源可以使用此方法 配置方法: 只用填以上内容, 其它可留空 连接地址的写法参考sqlalchemy说明:
可选参数。一个标准的链接URL是这样的 dialect+driver://username:password@host:port/database dialect是数据库类型大概包括sqlite, mysql, postgresql, oracle, or mssql. driver是使用的数据库API驱动连接包随便叫什么吧。 username用户名 password密码 host网络地址可以用ip域名计算机名当然是你能访问到的。 port数据库端口。 databas数据库名。 其实这些也就dialect和dirver需要解释。 二连接sqlite3 1驱动 sqlite3是个文件数据库不需要什么驱动或者说python内置了驱动。 2标准连接参数 # sqlite://&amp;lt;nohostname&amp;gt;/&amp;lt;path&amp;gt; 没有hostname 3各种链接参数 # 相对路径就是这个python文件同目录下foo.db engine = create_engine(&amp;#39;sqlite:///foo.db&amp;#39;) #绝对路径 #Unix/Mac下用四条////表示 engine = create_engine(&amp;#39;sqlite:////absolute/path/to/foo.db&amp;#39;) #Windows下用三条///加盘符路径用两条\\ engine = create_engine(&amp;#39;sqlite:///C:\\path\\to\\foo.db&amp;#39;) #Windows 也可以这么用三条///加盘符路径用一条\ engine = create_engine(r&amp;#39;sqlite:///C:\path\to\foo.db&amp;#39;) #数据库建在内存里。URI保持为空即可 engine = create_engine(&amp;#39;sqlite://&amp;#39;) 三连接mysqlmariadb sqlalchemy默认使用mysql-python作为链接驱动既default模式 选哪种驱动,就装哪个包。 1default默认链接方式 engine = create_engine(&amp;#39;mysql://scott:tiger@localhost/foo&amp;#39;) 2# mysql-python声明使用mysql-python驱动 engine = create_engine(&amp;#39;mysql+mysqldb://scott:tiger@localhost/foo&amp;#39;) 3MySQL-connector-python 声明使用MySQL-connector-python驱动推荐使用 engine = create_engine(&amp;#39;mysql+mysqlconnector://scott:tiger@localhost/foo&amp;#39;) 4OurSQL 声明使用OurSQL驱动 engine = create_engine(&amp;#39;mysql+oursql://scott:tiger@localhost/foo&amp;#39;) 四连接Microsoft SQL Server sqlalchemy默认使用 pyodbc作为链接驱动。 1pyodbc engine = create_engine(&amp;#39;mssql+pyodbc://scott:tiger@mydsn&amp;#39;) 2pymssql engine = create_engine(&amp;#39;mssql+pymssql://scott:tiger@hostname:port/dbname&amp;#39;) 五连接PostgreSQL PostgreSQL默认使用 psycopg2作为链接驱动既default模式 1 default engine = create_engine(&amp;#39;postgresql://scott:tiger@localhost/mydatabase&amp;#39;) 2psycopg2 engine = create_engine(&amp;#39;postgresql+psycopg2://scott:tiger@localhost/mydatabase&amp;#39;) 3 pg8000 engine = create_engine(&amp;#39;postgresql+pg8000://scott:tiger@localhost/mydatabase&amp;#39;) 六连接Oracle Oracle可能只有 cx_oracle一个驱动包既default模式和声明模式一样。 1default engine = create_engine(&amp;#39;oracle://scott:tiger@127.</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/%E5%B8%A6%E5%88%86%E9%A1%B5%E7%9A%84%E8%A1%A8%E6%A0%BC/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/%E5%B8%A6%E5%88%86%E9%A1%B5%E7%9A%84%E8%A1%A8%E6%A0%BC/</guid>
<description>模式开启 # 需要开启模板开发模式, 并开启basevue模板 在Body加入组件 # &amp;lt;!--表格--&amp;gt; &amp;lt;div class=&amp;#34;smtdrag&amp;#34; id=&amp;#34;id_1654907858638&amp;#34;&amp;gt; &amp;lt;el-table :data=&amp;#34;tableData.slice((currentPage-1)*pageSize, currentPage*pageSize)&amp;#34; height=&amp;#34;100%&amp;#34; size=&amp;#34;mini&amp;#34; header-cell-class-name=&amp;#34;tablehead&amp;#34; border style=&amp;#34;width: 100%&amp;#34;&amp;gt; &amp;lt;el-table-column v-for=&amp;#34;item in tableHead&amp;#34; :label=&amp;#34;item.label&amp;#34; :property=&amp;#34;item.prop&amp;#34; sortable&amp;gt; &amp;lt;/el-table-column&amp;gt; &amp;lt;/el-table&amp;gt; &amp;lt;!--表格结束--&amp;gt; &amp;lt;!--分页控件--&amp;gt; &amp;lt;el-pagination align=&amp;#39;center&amp;#39; @size-change=&amp;#34;handlerSizeChange&amp;#34; @current-change=&amp;#34;handlerCurrentChange&amp;#34; :current-page=&amp;#34;currentPage&amp;#34; :page-size=&amp;#34;pageSize&amp;#34; layout=&amp;#34;total,sizes,prev,pager,next,jumper&amp;#34; :total=&amp;#34;tableData.length&amp;#34; &amp;gt;&amp;lt;/el-pagination&amp;gt; &amp;lt;!--分页控件结束--&amp;gt; &amp;lt;/div&amp;gt; 在JS区域加入 # var vapp = new Vue({el: &amp;#39;#vue_app&amp;#39;, delimiters: [&amp;#39;{[&amp;#39;, &amp;#39;]}&amp;#39;], data: { tableData:[], //表数据 tableHead:[], //表头 currentPage:1, total:20, pageSize:10 }, methods: { //处理分页数量 handlerSizeChange(val){ this.currentPage = 1; this.</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,65 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%9F%BA%E7%A1%80%E5%9B%BE%E5%BD%A2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%9F%BA%E7%A1%80%E5%9B%BE%E5%BD%A2/</guid>
<description>快速应用基础图形组件 # 你可使用如下方式选择常规的图形一键进行应用(我们只放了基础图形,因为你可以通过简单修改配置转化为各种图形,如线性面积图, 柱形堆叠图..) 你也可以在图形商店中找到更多已转化好的Smartchart图形 配置项完全和Echarts原生一样
注意: 对于一些特殊图形如地图js在图形编辑中需要进行动态加载, 如果你使用了非常规图形, 你可在图形编辑器使用ds_loadjs(&amp;lsquo;smt_china)加载中国地图, 同理我们有 &amp;lsquo;smt_wordcloud&amp;rsquo;, &amp;lsquo;smt_world&amp;rsquo;, &amp;lsquo;smt_ecStat&amp;rsquo;, smt_liquidfill 有些图形可能同时需要在模板中加载, 更多特殊图形加载说明参考 特殊图形模板加载</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%AE%A1%E7%90%86%E5%9B%BE%E5%BD%A2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%AE%A1%E7%90%86%E5%9B%BE%E5%BD%A2/</guid>
<description> 应用场景 # 如何快速复用已开发好的组件
本地管理自定义组件 # 如下图,点击图形编辑器中的菜单,即可管理和查看自定义图形列表 点击&amp;quot;加入样列&amp;quot;即可把当前图形加入到样列清单, 点击&amp;quot;取消样列&amp;quot;即可将所选样列移除样列清单 云管理,在图形商店中保存你的图形 # 这样你就可以在图形商店看到你的图形进行重复利用 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/Echarts%E7%BB%84%E4%BB%B6/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/Echarts%E7%BB%84%E4%BB%B6/</guid>
<description>应用场景 # Smartchart提供了很多通用的图形,你可以在商店中直接使用 如果要个性化需要你进行自定义, 比如你可能需要在同一个图上展示柱形图和线性图
开发前建意先观看视屏, 了解基础说明, 视屏有点老和现在界面不一样, 目前很多功能已经做成可视化配置, 理解过程即可, 具体以文档为准
Smartchart数据库与图形的对话 Smartchart图形开发一 Smartchart图形开发二 获取原生echarts图形 # 首先我们在ECHART官网可能找一个你喜欢的图形, 如下简单柱形图链接: 打开我们可以看对应的option:
option = { xAxis: { type: &amp;#39;category&amp;#39;, data: [&amp;#39;Mon&amp;#39;, &amp;#39;Tue&amp;#39;, &amp;#39;Wed&amp;#39;, &amp;#39;Thu&amp;#39;, &amp;#39;Fri&amp;#39;, &amp;#39;Sat&amp;#39;, &amp;#39;Sun&amp;#39;] }, yAxis: { type: &amp;#39;value&amp;#39; }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: &amp;#39;bar&amp;#39; }] }; 转化为smartchart图形 # 复制到Smartchart图形编辑器 点击&amp;quot;刀叉“ 图标(目前是魔法梆) 会自动进行初步转化 接下来我们就进行下改造, 请注意对比, 你只需照着复制即可
let dataset = __dataset__ //传入dataset let legend_label = ds_rowname(dataset) //可选, 自动获取legend let xlabel = dataset[0].</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/HTML%E7%BB%84%E4%BB%B6/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/HTML%E7%BB%84%E4%BB%B6/</guid>
<description>应用场景 # 输入控件,如输入框,筛选器,多选,按钮&amp;hellip; 显示组件, 文本, 图片, 视屏&amp;hellip; 表格组件 如果你还不熟悉html, 建意先花几分钟看下文档, 推荐 HTML基础 实际应用中有不熟悉的组件, 你都可以通过baidu搜索到, 如时间选择器 如何将html组件转化为smartchart组件 # 比如我们要实现一个有多选项和按钮的网页元素 从各大搜索平台上我们可以找到html的代码是
&amp;lt;label&amp;gt;&amp;lt;input type=&amp;#34;checkbox&amp;#34;&amp;gt;孙尚香&amp;lt;/label&amp;gt; ..... &amp;lt;button id=&amp;#39;id_select0&amp;#39;&amp;gt;提交&amp;lt;/button&amp;gt; 那么我们可以直接在图形编辑器写上
let dataset=__dataset__; let table = &amp;#39;&amp;#39;; table = `&amp;lt;label&amp;gt;&amp;lt;input type=&amp;#34;checkbox&amp;#34;&amp;gt;孙一香&amp;lt;/label&amp;gt; &amp;lt;label&amp;gt;&amp;lt;input type=&amp;#34;checkbox&amp;#34;&amp;gt;孙二香&amp;lt;/label&amp;gt; &amp;lt;label&amp;gt;&amp;lt;input type=&amp;#34;checkbox&amp;#34;&amp;gt;孙三香&amp;lt;/label&amp;gt;` table = table + &amp;#34;&amp;lt;button id=&amp;#39;id_select0&amp;#39;&amp;gt;提交&amp;lt;/button&amp;gt;&amp;#34; dom__name__.innerHTML=table; 但是由于我们是要通过传入的数据动态变化的,所以只需要做简单修改
let dataset=__dataset__; let table = &amp;#39;&amp;#39;; for (let i=1;i&amp;lt;dataset.length;i++){ table = `${table}&amp;lt;label&amp;gt;&amp;lt;input type=&amp;#34;checkbox&amp;#34;/&amp;gt;${dataset[i][0]}&amp;lt;/label&amp;gt; ` } table = table + &amp;#34;&amp;lt;button id=&amp;#39;id_select__name__&amp;#39;&amp;gt;提交&amp;lt;/button&amp;gt;&amp;#34; dom__name__.innerHTML=table; 所有html你都可以进行转化成smartchart组件 你可以通过学习”万能表格系列视屏“ 来了解通用组件开发 第一波 第二波 第三波</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E8%B0%83%E8%AF%95%E6%97%A5%E5%BF%97/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E8%B0%83%E8%AF%95%E6%97%A5%E5%BF%97/</guid>
<description> 关于页面日志查看 # 大家可能比较熟悉使用F12来查看网页日志, 但有的同学会觉得这不够方便, 所以 在5.1.11后, smartchart加入了可以页面直接显示日志的功能
在仪表盘中显示 # 你只需要点击如下菜单, 即可切换是否显示日志 当在刷新页面或执行时, 日志将直接显示在右上角中, 而且还能显示出对应出错的图表序号 在图形中显示 # smartchart基于python的使用习惯, 重定义的专用的日志打印函数print 你可以在图形编辑器中使用些函数即可打印日志 比如看看鼠标放在echarts图上params, 在编辑界面和console中都能看到日志, 方便你进行调试 不仅仅这些, 你可能会想写太多打印日志, 上线了不好 smartchart已为你想到这些, 如果你在仪表盘中没有开启日志显示, print函数是不会打印任何日志
有了仪表盘日志显示, 我们还能做更多的事情, 比如实时显示你拖拽的坐标, 让你精确定位 </description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/%E5%9B%BE%E5%BD%A2%E7%AB%AF%E6%95%B0%E6%8D%AE%E5%87%BD%E6%95%B0/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/%E5%9B%BE%E5%BD%A2%E7%AB%AF%E6%95%B0%E6%8D%AE%E5%87%BD%E6%95%B0/</guid>
<description>应用场景 # 在图形开发中我们可能需要使用js对传递过来的数据进行处理
原始数据格式 # 假设dataset的格式是, SQL = Select 维度1,维度2,数据 from xxxx, 生成的数据集如下
dataset = [[&amp;#39;category&amp;#39;,&amp;#39;C1&amp;#39;,&amp;#39;C2&amp;#39;], [&amp;#39;R1&amp;#39;, 12, 18], [&amp;#39;R2&amp;#39;, 10, 17] ] 转化函数 # 生成字典表示为key-&amp;gt;[], 常用于定制化高的图形 # result = ds_createMap(dataset) 结果 = {&amp;#34;category&amp;#34;:[&amp;#39;C1&amp;#39;,&amp;#39;C2&amp;#39;], &amp;#34;R1&amp;#34; : [12, 10], &amp;#34;R2&amp;#34; : [18, 17]} 生成非常多前端组件要求的格式 # result = ds_createMap_all(dataset) 结果 = [{&amp;#34;category&amp;#34;:&amp;#34;R1&amp;#34;, &amp;#34;C1&amp;#34;: 12, &amp;#34;C2&amp;#34;: 18}, {&amp;#34;category&amp;#34;:&amp;#34;R2&amp;#34;, &amp;#34;C1&amp;#34;: 10, &amp;#34;C2&amp;#34;: 17}] 获取列名list, 用于获取系列名 # result = ds_rowname(dataset) 结果 = [&amp;#39;R1&amp;#39;,&amp;#39;R2&amp;#39;] 将数据集行列转化, 一般用于坐标轴翻转 # result = ds_transform(dataset) 结果 = [[&amp;#39;category&amp;#39;,&amp;#39;R1&amp;#39;,&amp;#39;R2&amp;#39;], [&amp;#39;C1&amp;#39;, 12, 10], [&amp;#39;C2&amp;#39;, 18, 17]] 两个数据集左关联, 常用于将两段查询数据合并 # 假设需要关联的数据集格式: dataset2 = [[&amp;#39;category&amp;#39;,&amp;#39;C3&amp;#39;], [&amp;#39;R1&amp;#39;, 38], [&amp;#39;R6&amp;#39;, 13]] 处理后的结果: result = ds_leftjoin(dataset, dataset2) 结果 = [[&amp;#39;category&amp;#39;,&amp;#39;C1&amp;#39;,&amp;#39;C2&amp;#39;,&amp;#39;C3&amp;#39;], [&amp;#39;R1&amp;#39;, 12, 18, 38], [&amp;#39;R2&amp;#39;, 10, 17, 0] ] 数据集旋转在excel中叫透视表 # 比如需要将dataset3的户型变成指标 dataset3 = [[&amp;#39;城市&amp;#39;,&amp;#39;户型&amp;#39;,&amp;#39;数量&amp;#39;], [&amp;#39;长沙&amp;#39;,&amp;#39;A&amp;#39;,35], [&amp;#39;上海&amp;#39;,&amp;#39;B&amp;#39;,19]] 处理后的结果: result = ds_pivot(dataset3) 结果 = [[&amp;#34;城市&amp;#34;,&amp;#34;A&amp;#34;,&amp;#34;B&amp;#34;], [&amp;#34;长沙&amp;#34;,35,0], [&amp;#34;上海&amp;#34;,0,19]] 移除数据集中的某几列 # 比如移除第1列序号0 result=ds_remove_column(dataset,remove_list=[0]) 结果 = [[&amp;#39;R1&amp;#39;,&amp;#39;R2&amp;#39;], [12, 10], [18, 17] ] smartchart图形中可用的转化函数 # 函数名 函数说明 样列 ds_transform(dataset) 行列替换 ds_split(data,sep=&amp;rsquo;,&amp;rsquo;,head_add=[]) 将第一列拆分成多个字段,默认逗号分隔, 如果不传表头,取SQL中的字段名拆分 ds_createMap(data) data表示传入的二位数组,生成结果表示为key-&amp;gt;[], 常用于echarts指定数据 ds_createMap_all(data) data表示传入的二维数组,生成结果表示为[{A:A1,B:B1,C:C1},{A:A2,B:B2,C:C2}&amp;hellip;] ds_mapToList(data) 将createMap_all的格式还原成二维数组, 常用于将nosql(mongodb,es.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/Jquery%E9%81%8D%E5%8E%86%E6%96%B9%E6%B3%95/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E5%87%BD%E6%95%B0%E6%96%B9%E6%B3%95/Jquery%E9%81%8D%E5%8E%86%E6%96%B9%E6%B3%95/</guid>
<description>在做自定义html组件的时候你可能需要用得上
一、向上遍历
parent() 获取元素的直接父元素 $(&amp;#34;span&amp;#34;).parent().css({ &amp;#34;color&amp;#34;:&amp;#34;red&amp;#34;, &amp;#34;border&amp;#34;:&amp;#34;1px solid red&amp;#34; }) parents() 获取元素的祖先元素直到根元素html $(&amp;#34;span&amp;#34;).parents().css({ &amp;#34;color&amp;#34;:&amp;#34;red&amp;#34;, &amp;#34;border&amp;#34;:&amp;#34;1px solid red&amp;#34; }) parentsUntil() 向上查找直到遇见某个祖先元素为止 $(&amp;#34;span&amp;#34;).parentsUntil(&amp;#34;div&amp;#34;).css({ //向上查找直到遇见div元素为止 &amp;#34;color&amp;#34;:&amp;#34;red&amp;#34;, &amp;#34;border&amp;#34;:&amp;#34;1px solid red&amp;#34; }) 二、向下遍历
1. children() 查找子元素[按照从属关系] $(&amp;#34;ul&amp;#34;).children(&amp;#34;li:first-child&amp;#34;) 2. find() 按照指定的条件向下查找 $(&amp;#34;ul&amp;#34;).find(&amp;#34;span&amp;#34;) 三、水平遍历
1. siblings() 获取元素的所有兄弟元素 $(&amp;#34;.start&amp;#34;).siblings().css({color:&amp;#34;red&amp;#34;,border:&amp;#34;2px solid red&amp;#34;}) 2. next() 获取元素的下一个兄弟元素 $(&amp;#34;.start&amp;#34;).next().css({color:&amp;#34;red&amp;#34;,border:&amp;#34;2px solid red&amp;#34;}) 3. nextAll() 获取其后的所有兄弟元素 $(&amp;#34;.start&amp;#34;).nextAll().css({color:&amp;#34;red&amp;#34;,border:&amp;#34;2px solid red&amp;#34;}) 4. nextUntil() 查找后面所有的兄弟元素,直到遇见某个元素为止 $(&amp;#34;.start&amp;#34;).nextUntil(&amp;#34;li:last-child&amp;#34;).css({color:&amp;#34;red&amp;#34;,border:&amp;#34;2px solid red&amp;#34;}) 5. prev() 查找上一个兄弟元素 $(&amp;#34;li.start&amp;#34;).prev().css({color:&amp;#34;red&amp;#34;,border:&amp;#34;2px solid red&amp;#34;}) 6. prevAll() 查找上面所有的兄弟元素 $(&amp;#34;li.</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/LineUp%E5%9B%BE%E5%BD%A2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/LineUp%E5%9B%BE%E5%BD%A2/</guid>
<description>Smartchart内置了LineUp图形 LineUp is an interactive technique designed to create, visualize and explore rankings of items based on a set of heterogeneous attributes. LineUp图形参考
ds_loadcss(&amp;#39;smt_LineUp&amp;#39;); ds_loadjs(&amp;#39;smt_LineUp&amp;#39;); let dataset = __dataset__; dataset = ds_createMap_all(dataset); try{Ljs__name__.destroy()}catch{} Ljs__name__ = LineUpJS.asTaggle(dom__name__, dataset); // 点击选中行响应动作 Ljs__name__.on(LineUpJS.LineUp.EVENT_SELECTION_CHANGED, (selection) =&amp;gt; { console.log(Ljs__name__.data._data[selection]); //通过以上log可以查看到数据格式 以下就是标准的联动写法 filter_param[&amp;#39;LineupParam&amp;#39;] = Ljs__name__.data._data[selection].xx ds_refresh(2); }); //更多响应动作 Ljs__name__.on(LineUpJS.LineUp.EVENT_HIGHLIGHT_CHANGED, (highlight) =&amp;gt; { }); // document.querySelector(&amp;#39;button#select&amp;#39;).addEventListener(&amp;#39;click&amp;#39;, () =&amp;gt; { // Ljs__name__.setSelection([1, 2, 3]); // }); // document.querySelector(&amp;#39;button#highlight&amp;#39;).addEventListener(&amp;#39;click&amp;#39;, () =&amp;gt; { // Ljs__name__.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E4%BD%BF%E7%94%A8%E5%9B%BE%E6%A0%87/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E4%BD%BF%E7%94%A8%E5%9B%BE%E6%A0%87/</guid>
<description>&amp;quot;模板&amp;quot;中加载图标资源 使用方法, 可参考 font-awesome菜鸟教程 V5图标名称参考, 也可以 图标样列查询 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8/</guid>
<description>通用滚动 # 例如你的html如下
&amp;lt;div id=&amp;#34;smtid&amp;#34; style=&amp;#34;height:100%&amp;#34;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;smartchart&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;bigdata&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;echarts&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;make it great&amp;lt;/li&amp;gt; &amp;lt;/ul&amp;gt; &amp;lt;/div&amp;gt; 你只需要使用以下函数, 即可实现在无缝滚动 由于smtid是ID, 则使用 ds_liMarquee(&amp;rsquo;#smtid&amp;rsquo;) 即可开启自动滚动 如果 class=&amp;ldquo;smtclass&amp;rdquo;, 那么也可以使用类选择器 ds_liMarquee(&amp;rsquo;.smtclass&#39;)
我们也可以使用更多的配置方法
marconfig={ playtime: 3000, //滚动3秒 pausetime: 3000, //停3秒 config:{ direction: &amp;#39;up&amp;#39;,//向上滚动 runshort: false,//内容不足时不滚动 scrollamount: 20//速度 } } 可以使用 ds_liMarquee(&amp;rsquo;#smtid&amp;rsquo;, marconfig) 传入配置
更多config说明:
名称 类型 默认值 说明 direction 字符串 left 滚动方向,可选 left / right / up / down loop 整数 -1 循环次数,-1 为无限循环 scrolldelay 整数 0 每次重复之前的延迟 scrollamount 整数 50 滚动速度,越大越快 circular 布尔值 true 无缝滚动,如果为 false则和 marquee 效果一样 drag 布尔值 true 鼠标可拖动 runshort 布尔值 true 内容不足是否滚动 hoverstop 布尔值 true 鼠标悬停暂停 xml 布尔值 false 加载xml 文件 inverthover 布尔值 false 反向,即默认不滚动,鼠标悬停滚动 内置滚动表格 # smartchart内置了滚动表格, 可以一键生成 如果你需要修改表格的样式, 如字体,颜色等, 你可以在模板中重定义样式 具体样式的写法, 参考 样式快速入门</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2%E5%8A%A0%E8%BD%BD/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2/%E7%89%B9%E6%AE%8A%E5%9B%BE%E5%BD%A2%E5%8A%A0%E8%BD%BD/</guid>
<description>smartchart默认只会引echarts的基础图形 如果你需要使用到更多图形, 你可以自行引用,可以写在模板的javascript标签中
中国地图 &amp;lt;script src=&amp;#34;/static/smartchart/opt/smt_china.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; 世界地图 &amp;lt;script src=&amp;#34;/static/smartchart/opt/smt_world.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; 统计图 &amp;lt;script src=&amp;#34;/static/smartchart/opt/smt_ecStat.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; 水球图 &amp;lt;script src=&amp;#34;/static/smartchart/opt/smt_liquidfill.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; 词云 &amp;lt;script src=&amp;#34;/static/smartchart/opt/smt_wordcloud.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; 百度地图 &amp;lt;script type=&amp;#34;text/javascript&amp;#34; src=&amp;#34;https://fastly.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js&amp;#34;&amp;gt;&amp;lt;/script&amp;gt; </description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E5%B8%83%E5%B1%80%E6%8C%87%E5%BC%95/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E5%B8%83%E5%B1%80%E6%8C%87%E5%BC%95/</guid>
<description>整理一份完整的SmartChart布局说明 # 推荐先观看视屏了解 smartchart布局方式
容器说明 # 容器 说明 定位容器 用于图形定位, 有拖拽和栅格两种. 在界面上新增时会自带;在模板编辑中新增图形时需自行加入容器 图形容器 用于图形选择, 使用id选择器, 如序号为2的容器, 选择器为#container_2 图形 可视化的实际单位, 如选择图形中的table标签, 可使用#container_2 table 响应式布局 # 一般移动端报表推荐使用响应式布局, 一次布局可以同时满足电脑端/移动端的需求 当你新增一个数据集时, smartchart会给你一段默认的代码
&amp;lt;div class=&amp;#34;el-col-xs-24 el-col-md-24&amp;#34; style=&amp;#34;padding:0.2rem;height:50%;&amp;#34; &amp;gt; &amp;lt;div style=&amp;#34;height:100%;&amp;#34; id=&amp;#34;container_{name}&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; el-col-md-24 : 电脑端宽度设定 控制图形父容器的宽度, 整行分成24个栅格, 如果你想让图形占一半, 就可以改成el-col-md-12 el-col-xs-24 :移动端宽度设定 padding:0.5% 0.5%: 控制图形的上下, 左右内边距, padding: 上 右 下 左 比如你想要图形在容器中往下走一点, 你可写成 padding: 1% 0 0 0 height:50%; 盒子的高度, 相对于父容器的高度, 最外层即浏览器高度 大屏开发推荐使用拖拽布局PRO) # 大家如果开发大屏, 只是用响应式布局可能对于复杂的布局不是很方便, 你也可以采用拖拽绝对定位的方法, 这样你可以随意指定图形的所在位置.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E6%8B%96%E6%8B%BD%E8%87%AA%E5%8A%A8%E5%AF%B9%E9%BD%90/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E6%8B%96%E6%8B%BD%E8%87%AA%E5%8A%A8%E5%AF%B9%E9%BD%90/</guid>
<description>拖拽很方便, 但是精确对齐还是有些手抖, 所以smartchart增加了自动对齐的功能 你可以在&amp;quot;模板&amp;quot; &amp;ndash;&amp;gt; &amp;ldquo;转化&amp;rdquo; 中找到这个功能 首先我们随意拖拽了一些组件 然后选中拖拽代码段, 点&amp;quot;拖拽对齐&amp;quot; 后 点&amp;quot;保存&amp;quot; 就可以查看对齐后的效果了, 再进行下拖拽微调, 重复以上动作到满意 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E5%88%A0%E9%99%A4%E5%AE%B9%E5%99%A8/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E5%88%A0%E9%99%A4%E5%AE%B9%E5%99%A8/</guid>
<description>对于仪表盘中不再使用的数据集,你可能会考虑删除 首先smartchart推荐你不做删除因为你可以保留他 当你下次有新增数据集的需求时再拿出来 所以优先推荐使用隐藏的方法,你可以在数据集编辑界面找到他 如果你实在需要删除,可以在“报表”界面先中不需要容器后,选中删除,后保存</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/%E4%BB%A3%E7%A0%81%E8%BD%AC%E5%8C%96%E5%B8%83%E5%B1%80/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/%E4%BB%A3%E7%A0%81%E8%BD%AC%E5%8C%96%E5%B8%83%E5%B1%80/</guid>
<description>由于我们移除了boostrap的布局方式, 此布局不再做推荐! 初次学习的同学, 可能会需要一个拖拉拽的布局方式(3.9.9.13以上才支持), 所以下面介绍的是smartchart的辅助布局方法
你可以在&amp;quot;布局&amp;quot; 中找到入口 进入编辑器后, 你可以拖拉拽的方式进行布局, 注意我们建意你一个column(C)容器只放一个smartchart的图形便于标准化 点击&amp;quot;生成&amp;quot;, 复制相关代码 回到仪表盘&amp;quot;布局&amp;quot;, 粘贴到编辑器, 点击 &amp;ldquo;闪电&amp;rdquo; 图标, 进行转化, 可能会提示你数据集不够,这样你需要新增足够数量的数据集后再点转化 注: 代码转化布局你可以不用可视化辅助, 可以用其它任意每三方布局工具生成代码后粘过来生成, 需要注意的格式是: 在你需要数据集的地方使用以下代码即可:
&amp;lt;div style=&amp;#34;height:100%&amp;#34; id=&amp;#34;container_{name}&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; 转化完成后, 点击保存即可应用布局 </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/%E5%AE%B9%E5%99%A8%E7%AE%A1%E7%90%86%E7%95%8C%E9%9D%A2/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/4.%E5%B8%83%E5%B1%80%E8%AF%B4%E6%98%8E/%E4%B8%8D%E5%B8%B8%E7%94%A8/%E5%AE%B9%E5%99%A8%E7%AE%A1%E7%90%86%E7%95%8C%E9%9D%A2/</guid>
<description> 容器管理 # 你可以单独对一个容器进行编辑,或者在全局进行编辑 全局编辑器 移动图形
你有两种方法移动数据集 可以在“报表” 中直接暴力修改序号 也可以在数据集编辑器中移动, 可选择插入(带着容器一起动),替换(容器不动,就是整体布局不变化, 只移动数据和图形) </description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E5%8F%82%E6%95%B0%E7%BC%96%E5%86%99%E6%96%B9%E6%B3%95/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E5%8F%82%E6%95%B0%E7%BC%96%E5%86%99%E6%96%B9%E6%B3%95/</guid>
<description>使用场景 # 需要使用图表联动效果 数据服务接口开发 使用魔法方法(smartchart独创,拒绝抄袭) # 基础原理 # - $参数名, 当有传递参数时将替换相关的值 - /* ... $参数 ... */, 当参数写在这个区间时, 如果外部没有传入参数, 会自动忽略这一段代码 - -- 标识之后单行的代码会被忽略 常见组合应用 # 理解以下样列后, 可录活使用组合出各种可能的需求
默认参数: 实现在不传参数时默认参数是当前月份 select xx from tablename where calmonth =/*&amp;#39;$calmonth&amp;#39; -- */ to_char(sysdate,&amp;#39;YYYYMM&amp;#39;) 多个参数: 注意使用1=1及and的位置 select xx from tablename where 1=1 /* and city = &amp;#39;$city&amp;#39; */ /* and calmonth =&amp;#39;$calmonth&amp;#39;*/ 维度变化: 将字段当成参数 select /*$calmonth,*/ city, count(1) as qty from tablename group by /*$calmonth,*/ city 维度变化: 当传入月份条件时, 按城市,月份的数据, 不传参数时只看按城市的总数 select /*月份, -- $Month */ 城市, sum(度量) from tablename where 1=1 /* and 月份 &amp;gt; &amp;#39;$Month&amp;#39; */ group by 城市 /*,月份 -- $Month*/ 高级开关应用 # 以上应用可以通过参数是否有传递来实现开关代码段的效果, 有些场景可能还希望通过参数值来进行代码段的开关 如下代码可以实现当传递参数type=1 或 type=2 时执行不同的代码段 使用 &amp;ldquo;$参数__值&amp;rdquo; 的方式做为开关</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E5%9B%BE%E5%BD%A2%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E5%9B%BE%E5%BD%A2%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/</guid>
<description>数据集准备 # 首先在需要进行联动的数据集中SQL的写法如下, 比如对应2号图形:
注意 /* ... */的写法, 当参数写在这个区间时, 如果外部没有传入参数, 会自动忽略这一段代码, 这样对于联动来说非常重要, 初始时全部显示, 点击其它图形时传入参数进行动态联动 select xxx,xxx,xxx from tablename /* where xxxx = &amp;#39;$参数名&amp;#39; */ .... 建意观看视屏比较容易理解: 数据联动说明
常规方法 # 比如你需要点击0号图形, 指定其它图形联动 你只需要打开0号图形的数据集编辑页面, 点击标题的位置 然后输入相关的参数即可, 以下为sample 参数值设定的方法, 你可以先留空, 然后保存, F12打浏览器调试方法 点击0号图形你需要点击的动作, 你可以右调试窗口的console看到输入的log 比如我们需要传递的参数值是&amp;quot;廉颇&amp;quot;, 那么取数据的方法就是data.name, 你把这个填入即可 这样就实现按所选数据或所选系列钻取/联动了, 重新点击当前所选, 恢复原来的 如何在图形开发中获取参数值
图形编辑器中, 你可以使用函数 ds_param(&amp;#39;参数名&amp;#39;) 来获取传入的参数值 高级定制方法 # 如果有更多个性化需求,可以在需要点击的图形的编辑器中加入以下代码,你仅仅需要修改的是序号和参数名
//比如传入多个参数进行联动 myChart__name__.on(&amp;#39;click&amp;#39;, function(params){ let myparam = params.seriesName; //获取点击的值 filter_param[&amp;#39;参数名&amp;#39;] = myparam; //填写你的数据集的SQL设定中对应的参数名 filter_param[&amp;#39;参数名2&amp;#39;] = myparam2; //你可以赋值给多个参数 ds_refresh(3); //3 为你要刷新图形序号 }); 你也可以使用更方便的参数赋值方法(5.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E7%AD%9B%E9%80%89%E5%99%A8%E6%8C%87%E5%8D%97/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E7%AD%9B%E9%80%89%E5%99%A8%E6%8C%87%E5%8D%97/</guid>
<description>通用实现方式 # SMARTCHART实现筛选最简单的方法只需要配一个控件即可:
建立一个筛选清单数据集, 自动获取筛选的列表,那么可以这么写
Select xxxx as city from tablename..... 则会生成一个如下的数据集: [[&amp;#39;city&amp;#39;],[选项1],[选项2],..] 良好的习惯, 先保存在数据集 然后在筛选器数据集中的js编辑器(图形编辑器),填下如下代码:
//如要要美化, 自已加样式, 只要保证id=&amp;#34;id_select__name__&amp;#34; let dataset=__dataset__; let table =&amp;#39;&amp;lt;span&amp;gt;标题&amp;lt;/span&amp;gt;&amp;lt;select id=&amp;#34;id_select__name__&amp;#34;&amp;gt;&amp;#39;; table = table + &amp;#39;&amp;lt;option value=&amp;#34;&amp;#34; selected&amp;gt;----&amp;lt;/option&amp;gt;&amp;#39;; for(let i=1;i&amp;lt;dataset.length;i++){ table = table + &amp;#39;&amp;lt;option&amp;gt;&amp;#39; + dataset[i][0] + &amp;#39;&amp;lt;/option&amp;gt;&amp;#39;; } table = table + &amp;#39;&amp;lt;/select&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;#39; dom__name__.innerHTML=table; 这个时候你已经可以看到筛选器了 现在我们来设定联动效果
假设需要被筛选的数据集的SQL这样写,数据集的序号是0
//那么在需要被联动的数据集中,如使用pcity做为参数写查询, 比如: select xx, xx, xx from tablename /* where xx = &amp;#39;$pcity&amp;#39; */ 现在回到我们筛选器数据集,点击标题的位置, 我们需要使0号图形被筛选器联动, 设置如下即可: 然后你就可以看到筛选效果了, 非常的简单方便, 需要多个图形被联动, 只需用逗号分隔即可 比如: 0, 2, 4</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E7%BB%84%E4%BB%B6%E8%87%AA%E5%AE%9A%E4%B9%89%E8%81%94%E5%8A%A8/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/5.%E5%8F%82%E6%95%B0%E5%8F%8A%E8%81%94%E5%8A%A8%E9%92%BB%E5%8F%96/%E7%BB%84%E4%BB%B6%E8%87%AA%E5%AE%9A%E4%B9%89%E8%81%94%E5%8A%A8/</guid>
<description>应用场景 # Smartchart对于单项筛选有通用的组件 可以直接配置即可,但对于个性化的筛选,需要你进行一些简单的定制化,以下就针对多项筛选联动的需求来介绍如何定制化你的筛选联动效果 通过此例,你可以了解如何自定义任意的联动效果 样列参考 # 以我们内置的仪表盘为例,
第一步,新建一个数据集
第二步,在新的数据集中编写查询
select distinct H1 as heroname from smartdemo2 limit 10 第三步,编辑此数据集的图形,可复制以下代码
//select distinct xx from tablename let dataset=__dataset__; let table = &amp;#39;&amp;#39;; for (let i=1;i&amp;lt;dataset.length;i++){ table = `${table}&amp;lt;label&amp;gt;&amp;lt;input name=&amp;#34;select__name__&amp;#34; type=&amp;#34;checkbox&amp;#34; value=&amp;#34;${dataset[i][0]}&amp;#34; /&amp;gt;${dataset[i][0]}&amp;lt;/label&amp;gt; `; } table = table + &amp;#34;&amp;lt;button id=&amp;#39;id_select__name__&amp;#39;&amp;gt;提交&amp;lt;/button&amp;gt;&amp;#34;; dom__name__.innerHTML=table; $(&amp;#39;#id_select__name__&amp;#39;).click( function(){ let res = []; $(&amp;#34;input[name=&amp;#39;select__name__&amp;#39;]:checked&amp;#34;).each(function(i){ res.push(&amp;#34;&amp;#39;&amp;#34; + $(this).val() + &amp;#34;&amp;#39;&amp;#34;); }); filter_param[&amp;#39;H1&amp;#39;] = res.toString(); //参数赋值 ds_refresh(1); //刷新1号图形 } ) 第四步,在你要联动刷新数据集中增加代码</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/6.Jupyter%E5%BA%94%E7%94%A8/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/6.Jupyter%E5%BA%94%E7%94%A8/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/6.Jupyter%E5%BA%94%E7%94%A8/Jupyter%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/6.Jupyter%E5%BA%94%E7%94%A8/Jupyter%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95/</guid>
<description>应用场景 # 你需要在jupyter中通过smartchart分享的数据集获取数据进行分析 你有很多线下数据需要进行个性化分析, 然后制做仪表盘 在Jupyter的数据分析过程中, 你需要快速生成图形 大屏或报表有部分数据集是需要能过复杂的分析生成的
Smartchart支持像pyecharts, Matplotlib 等python绘图工具一样在Jupyter中使用, 但她更加方便, 更加炫酷 和 通用化, 不仅仅是一个绘图工具, 而且是一个平台
我们有什么特色:
使用上手非常简单, 仅仅只有两个命令, get and set, 配置项采用原生的Echarts配置, 无重复学习成本, 使用顺滑 支持Echarts所有功能, 可定制化程度高, 显示效果好, 可嵌入也可以弹出窗口显示, 也可以dashboard中显示 数据可以固化存储, 采用smartchart Portal可以直接拼接炫酷大屏
Smartchart与Pandas Smartchart与Jupyter SmartChart大屏新思路
安装使用方法 # 你需要在jupyter相同的python环境中安装smartchart客户端 pip install smartchart 或pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple smartchart 如果你只是需要连接已部署好的smartchart服务端, 本地无需启动smartchart 快速开始 # 初始化认证: 第一次使用时, 打开jupyter后, 需要设定默认用户和smartchart服务端url 同一个环境, 只需初始化一次, 后面无需再设定
from smart_chart import Smart Smart().set_auth(&amp;#39;用户名&amp;#39;, &amp;#39;密码&amp;#39;,url = &amp;#39;http://xxxxx&amp;#39;) 如果smartchart服务端在本地, 可以省略url</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Smartchart开发手册</title>
<link>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/</link>
<description>Recent content on Smartchart开发手册</description>
<generator>Hugo -- gohugo.io</generator><atom:link href="https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/index.xml" rel="self" type="application/rss+xml" />
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E7%AE%80%E5%8D%95%E5%B5%8C%E5%85%A5/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E7%AE%80%E5%8D%95%E5%B5%8C%E5%85%A5/</guid>
<description>你可能需要把Smartchart生成的图形嵌入到其它系统 首先所有smartchart设计出来的仪表盘都有一个访问url 你可以直接访问:
http://localhost:8000/echart?type=仪表盘名称 如http://localhost:8000/echart?type=demo 但是smartchart默认是有权限管理的所以如果你需要嵌入你自已的系统又不考虑权限你可以在“设定” &amp;ndash;&amp;gt; 公开 然后在你的网页就可以直接iframe了
&amp;lt;iframe src=&amp;#34;http://localhost:8000/echart?type=demo&amp;#34; style=&amp;#34;width:100%;height:100%&amp;#34;&amp;gt;&amp;lt;/iframe&amp;gt; </description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E5%8D%95%E7%82%B9%E7%99%BB%E5%BD%95/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E5%8D%95%E7%82%B9%E7%99%BB%E5%BD%95/</guid>
<description>单点登录的方式与smartchart进行对接嵌入 # &amp;#39;/echart/smart_login?id=xxx&amp;amp;stamp=xxx&amp;amp;token=xxx&amp;amp;url=https://smartchart.gitee.io/&amp;#39; &amp;#39;&amp;#39;&amp;#39; 参数说明: id: 用户名在smartchart平台中管理 stamp: 时间戳(1970年1月1日到生成时间的毫秒数) token: 采用sha1加密, token=SHA1(链接秘钥+stamp+id) 请在安装smartchart的这台机器上设定环境变量SMART_KEY = 链接秘钥 url: 登录成功后跳转链接 &amp;#39;&amp;#39;&amp;#39; Python后台样列: # import time import hashlib import os &amp;#34;&amp;#34;&amp;#34; 参数说明: id: 用户名在smartchart平台中管理 stamp: 时间戳(1970年1月1日到生成时间的毫秒数) token: 采用sha1加密, token=SHA1(链接秘钥+stamp+id) url: 登录成功后跳转链接 &amp;#34;&amp;#34;&amp;#34; SMART_CHART_URL = &amp;#39;http://127.0.0.1:8000&amp;#39; LOGIN_URL = SMART_CHART_URL + &amp;#39;/echart/smart_login?id={id}&amp;amp;stamp={stamp}&amp;amp;token={token}&amp;amp;url={url}&amp;#39; SMART_KEY = 链接秘钥 def get_smarturl(username, url=&amp;#39;/&amp;#39;): stamp = int(time.time() * 1000) id = username res = SMART_KEY + str(stamp) + id token = hashlib.</description>
</item>
<item>
<title></title>
<link>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%B5%8C%E5%85%A5/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://smartchart.gitee.io/docs/7.%E6%8A%A5%E8%A1%A8%E5%B5%8C%E5%85%A5/%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%B5%8C%E5%85%A5/</guid>
<description>嵌入报表 # 与单点登录类似, 单点登录用于直接登录到平台访问报表 但对于只嵌入报表, 用此方法更合适(需升级到5.3.11以上)
嵌入的url: &amp;#39;/echart/?type={reportName}&amp;amp;visitor={visitor}&amp;amp;token={token}&amp;amp;stamp={stamp}&amp;#39; 参数说明: reportName 报表名或报表ID visitor: 用户名在smartchart平台中管理 stamp: 时间戳(1970年1月1日到生成时间的毫秒数) token: 采用sha1加密, token=SHA1(链接秘钥+stamp+visitor+reportName) 用户名和秘钥设定参考 数据服务API的config文件
同时你需要将visitor加入到对应的报表权限查看访问
python样列 # 以下为python版的url生成样列你可以转化成你对应的开发语言
import time import hashlib import os SMART_CHART_URL = &amp;#39;http://127.0.0.1:8000&amp;#39; reportID = &amp;#39;报表ID&amp;#39; LOGIN_URL = SMART_CHART_URL + &amp;#39;/echart/?type={reportID}&amp;amp;visitor={visitor}&amp;amp;token={token}&amp;amp;stamp={stamp}&amp;#39; TOKEN = 链接秘钥 def get_smarturl(username, reportName): stamp = int(time.time() * 1000) visitor = username res = TOKEN + str(stamp) + visitor + reportID token = hashlib.sha1(res.encode(&amp;#39;utf-8&amp;#39;)).hexdigest() VISIT_DICT = { &amp;#34;visitor&amp;#34;: id, &amp;#34;stamp&amp;#34;: stamp, &amp;#34;token&amp;#34;: token, &amp;#34;reportID&amp;#34;: reportName } # 拼接好的url,直接访问 visit_url = LOGIN_URL.</description>
</item>
</channel>
</rss>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

Some files were not shown because too many files have changed in this diff Show More