Smartchart提供很多通用的图形, 如果要个性化需要你进行自定义, 比如你可能需要在同一个图上展示柱形图和线性图, 那么今天我们就以这个为例, 以后大家可以借鉴
首先我们在ECHART官网可能找一个你喜观的图形, 如下简单柱形图链接:
打开我们可以看对应的option:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
建表语句
CREATE TABLE my_first_table
(
id BIGINT,
name STRING,
PRIMARY KEY(id)
)
PARTITION BY HASH PARTITIONS 16
STORED AS KUDU;
CREATE TABLE kudu_testdb.perf_test_t1
(
id string ENCODING PLAIN_ENCODING COMPRESSION SNAPPY,
int_value int,
bigint_value bigint,
timestamp_value timestamp,
bool_valu
使用CM 安装的童鞋可能会很困惑, HUE源码安装到那里去了, 要怎么修改呢?
首先安装位置在: /opt/cloudera/parcels/CDH-5.12.1-1.cdh5.12.1.p0.3/lib/
如果你要修改认证模块:
desktop/core/src/desktop/auth/views.py
266 -- add tokenlogin
desktop/core/src/desktop/urls.py
59 -- add url
修改页面模板
desktop/core/src/desktop/templates/common_header.mako
226 -- addlink
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
在阅读此教程之前, 您需要先完成 我的第一个SMART CHART
在上一篇中, 我们实现了一个简单的dashboard, 选择的模板是 "万能模板" , 这是一个上下结构的模板, 对于一般应用已经可以通用了, 适合于没有太多需求, 尤其是手机端的展示.
但是可能你需要重新布局的你模板, 比如要加一些说明, 想要并排展示, 或者一些酷炫的效果, 这时你可能就要定制你的模板了, 模板是一个纯html的页面, 理论上来说可以实现你的无限可能
但也许, 你对html完成没有接触过, 也不想了解, 没有关系
我们提供了可视化的布局工具!!
注意: 因为版本的升级, 可能存在图片和说明不一致的情况
最近有童鞋反馈不太会入手使用, 趁着端午放假, 就给大家做一个手把手的简单的教程吧. 现在来开启你的第一个dashbard, 上一节中, 我们已经建立好的数据集以及图形(目前的推荐做法是图形与数据集绑定,不用再单独选择图形)
进入Smart chart后, 点击 数字集装箱-->仪表盘设定 -->增加
填写相关的说明后, 点击 主题 旁边的放大镜, 会弹出 几个主题供你选择,
选择模版, 咋们第一个就直接选 "万能模板" 吧
点击"选项" 进入可选项, 将"启用","上线
常用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
Echart 有提供了图形的展示, 但是没有表格, smartchart当然不能少了表格 smartchart 是一个非常灵活的平台, 增加表格功能也是相当容易, 今天就教大家如何增加表格图形, 同时也可以了解自定义图形的使用方法
首先我们点击新建图形, 将默认的code全部删除, 贴入以下code,
var data={{dataset}};
var table =