分类目录归档:数据可视化

SMARTCHART样列数据集


最近有小伙伴说如果不了解数据库, 或手上没有现成数据库连接, 那么是否可以玩转SmartChart, 今天他来了, 我们支持你自定义数据进行demo展示

STEP1: 进入 "数据集装箱" --> "图形格式设定"
STEP2: 选择一个你喜欢的图形, 点击进入编辑界面, 下方点击 "保存为新的"

STEP3: 你可以复制你EXCEL中数据(注意是统计好的数据,smartchart不会主动做统计), 粘贴到 数据样本区, 然后点击 "保存并继续编辑"

STEP4: 系统自动将数据转化成数组格式,你也可以直接输入这种数组格式, 格式请参考 数据集指南

之后你就可以在上方点击图标 预览

Read more

Dashboard中的权限控制


本不想做太复杂的权限这块内容,但最近多了很多查看用户, 趁着中秋的假期, 把这一块给完善下, 目前的权限管理,大概如下:

Dashboard的入口有两个, 一个是编辑入口(数据集装箱模块中), 一个是查看入口(应用中心中)

  • 全局编辑或查看权限 由平台用户组或用户权限配置, 如果用户需要查看报表, 需先分配到有查看权限的组中, 默认加入集团组可以具备查看权限
  • 在dashboard设定页面中可针对人员来分配 编辑权限, 有编辑权限同时也会满足查看权限
  • 在dashboard设定页面中可针对组来分配 查看权限
  • 未启用 的报表, 我们定义为开发中的, 当你不启用, 如果在定义图形中有自定义了样板数据,

Read more

SMARTCHART自定义图形


Smartchart提供很多通用的图形, 如果要个性化需要你进行自定义, 比如你可能需要在同一个图上展示柱形图和线性图, 那么今天我们就以这个为例, 以后大家可以借鉴 首先我们在ECHART官网可能找一个你喜观的图形, 如下简单柱形图链接:

打开我们可以看对应的option:

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'

Read more

SMARTCHART数据集


SmartChart标准数据集你可以想象为一个EXCEL的二维表, 有行和列 你直接在数据集开发界面填写SQL即可 更多使用说明请参考数据集开发文档

标准图形的数据表类型分为两种

A类数据源
比如你的原始数据库中表的格式如下, 表名tb_name:
城市    户型    数量
长沙    A       12
长沙    A       23
上海    B       19

查询的sql: select 城市,户型,sum(数量) AS 数量 from tb_name group by 城市,户型
正常的查询的结果为:
[['城市','户型','数

Read more

python常用的命令行操作


Python安装

useradd username -g usergroup
wget https://repo.continuum.io/archive/Anaconda3-5.1.0-Linux-x86_64.sh
https://repo.continuum.io/archive/index.html
./Anaconda3-5.3.0-Linux-x86_64.sh
# vi ~/.bashrc
source ~/.bashrc
# 包安装方法
pip install --upgrade pip
pip show Jinja2
pip list
pip install some.whl

Read more

Smart Chart 模板


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

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

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

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

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

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

St

Read more

Dashboard组装流程


最近有童鞋反馈不太会入手使用, 趁着端午放假, 就给大家做一个手把手的简单的教程吧. 现在来开启你的第一个dashbard, 上一节中, 我们已经建立好的数据集以及图形(目前的推荐做法是图形与数据集绑定,不用再单独选择图形)

注意: 由于版本升级的原因, 图片可能会有差异, 请参考

Step1

进入Smart chart后, 点击 数字集装箱-->仪表盘设定 -->增加

Step2

填写相关的说明后, 点击 主题 旁边的放大镜, 会弹出 几个主题供你选择,

Step3

选择模版, 咋们第一个就直接选 "万能模板" 吧

Step4

点击"选项" 进入可选项, 将"启用","上线

Read more

常用HTML代码解释


常用HTML代码解释

一、文字

1.标题文字<h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化<font>..........</font>
【1】字体大小<font size=#>..........</font> #=1~7;数字愈大字也愈大
【2】指定字型<font face="字体名称">..........</font>
【3】文字颜色<font color=#rrggbb>..........</font

Read more

为smartchart增加表格图形


Echart 有提供了图形的展示, 但是没有表格, smartchart当然不能少了表格 smartchart 是一个非常灵活的平台, 增加表格功能也是相当容易, 今天就教大家如何增加表格图形, 同时也可以了解自定义图形的使用方法


首先我们点击新建图形, 将默认的code全部删除, 贴入以下code,

  • {{dataset}}--由平台传进来的数据集,请参考上篇文章, dataset格式说明
  • dom_{{name}}--这个是用来唯一标识这个表的, 总之这么写就行了
  • 其它的都是简单的js代码了, 遍历打印出html
var data={{dataset}};
var table = &#

Read more