分类目录归档：数据可视化
SmartChart designed for you
她是一个数据集装箱, 让你非常方便的把数据组装起来后, 可使用统一的接口对外服务,支持系统间嵌入,实时,快速定制化开发. 你也可以理解为数据中台, 用可视化提供统一数据服务. 这是一个面向开发人员的平台, 实现数据的最后一公里
JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。 要取得Array的长度，直接访问length属性：
var arr = [1, 2, 3.14, 'Hello', null, true];
arr.length; // 6请注意，直接给Array的length赋一个新的值会导致Array大小的变化：
var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, u将二进制的data转化成blob:
let blob = new Blob([response.data], {type: 'application/pdf;charset=UTF-8'});
let fileURL = URL.creatObjectURL(blob)响应头的responseType设置为arraybuffer
luckysheet.create({
container: "luckysheet", // 设定DOM容器的id
title: "Luckysheet Demo", // 设定表格名称
lang: "zh", // 设定表格语言
plugins: ["chart"],
data: [
{
name: "", //工作表名称
color: "#eee333", //工作表(工作表名称底部边框线)颜色
index: 0, /| 类型 | 标签 | 说明 | 效果 |
|---|---|---|---|
| 文字 | 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" |
要想大屏做得好, 样式要写得好 可是我们不是前端的同学也能写样式么 当然可以, 相信你观看完以下视屏即可
smartchart开发方法, 参考专业版本开发文档
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。
CSS实例
每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。
CSS注释
/*这是注释*/注释是代码之母, smartchart编辑中你可以使用CTRL+/
最近在研究腾讯的TBDS产品, 但是没有相关的hdfs sdk, 因此自已就开发了一个 此sdk兼容其它平台的hdfs认证(InsecureClient, TokenClient)
pip install tbds-hdfs
SecretId = 'xxxxxxx'
SecretKey = 'xxxxxxx'
url = 'http://xxxx:50070;http://xxxxx:50070' #支持高可用写法
from hdfs import TbdsClient
client =Smartchart对于单项筛选有通用的组件， 可以直接配置即可，但对于个性化的筛选，需要你进行一些简单的定制化，以下就针对多项筛选联动的需求来介绍如何定制化你的筛选联动效果
以我们内置的仪表盘为例，
第一步，新建一个数据集，可将其移到0号位置
第二步，在新的数据集中编写查询
select distinct H1 as heroname from smartdemo2 limit 10
第三步，编辑此数据集的图形，可复制以下代码
//select distinct xx from tablename
let dataset=__dataset__;
let table = '&一般报表推荐使用响应式布局, 一次布局可以同时满足大屏/移动端的需求 当你新增一个数据集时, 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 :let dataset=__dataset__;
let rowhead = dataset[0];
let dataObj = ds_createMap_all(dataset);
let tbstyle = "border: 0.