Thanks to visit codestin.com
Credit goes to developer.aliyun.com

CSV 文档格式

简介: csv 中的第一行表示字段名,第二行表示字段值 比如你要实现下列静态数据: [ { "x": "1月", "y": 2, "s": "蒸发量" }, { "x": "1月", "y": 2.

图表组件数据系列

以「基本折线图 v1.4.13」为例,我现在有一份1月到7月的每月蒸发量和降雨量的数据。

  • 在组件的「数据系列」中配置需要展现的数据系列,一个系列表示一个数据类别,我们需要配置两个系列,分别表示 蒸发量 数据和降雨量数据:
    Pasted_Image_13_03_2018__11_30
  • 修改组件 X 轴类型
    Pasted_Image_13_03_2018__11_34
  • 修改组件 Y 轴精度
    Pasted_Image_13_03_2018__11_36

静态数据示例

[
  {
    "x": "1月",
    "y": 2,
    "s": 1
  },
  {
    "x": "1月",
    "y": 2.6,
    "s": 2
  },
  {
    "x": "2月",
    "y": 4.9,
    "s": 1
  },
  {
    "x": "2月",
    "y": 5.9,
    "s": 2
  },
  {
    "x": "3月",
    "y": 7,
    "s": 1
  },
  {
    "x": "3月",
    "y": 9,
    "s": 2
  },
  {
    "x": "4月",
    "y": 23.2,
    "s": 1
  },
  {
    "x": "4月",
    "y": 26.4,
    "s": 2
  },
  {
    "x": "5月",
    "y": 25.6,
    "s": 1
  },
  {
    "x": "5月",
    "y": 28.7,
    "s": 2
  },
  {
    "x": "6月",
    "y": 76.7,
    "s": 1
  },
  {
    "x": "6月",
    "y": 70.7,
    "s": 2
  },
  {
    "x": "7月",
    "y": 135.6,
    "s": 1
  },
  {
    "x": "7月",
    "y": 175.6,
    "s": 2
  }
]

将上面的静态数据放到组件数据配置中,可得
Pasted_Image_13_03_2018__11_38

对应的 CSV 数据格式

csv 中的第一行 x,y,s 表示字段名,第二行开始表示字段值

以上面的静态数据为例,对应到 CSV 的文件内容即为

Screen_Shot_2018_03_13_at_11_26_19

相关实践学习
基于Hologres轻量实时的高性能OLAP分析
本教程基于GitHub Archive公开数据集,通过DataWorks将GitHub中的项⽬、行为等20多种事件类型数据实时采集至Hologres进行分析,同时使用DataV内置模板,快速搭建实时可视化数据大屏,从开发者、项⽬、编程语⾔等多个维度了解GitHub实时数据变化情况。
阿里云实时数仓实战 - 用户行为数仓搭建
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求:熟练掌握 SQL 语法熟悉 Linux 命令,对 Hadoop 大数据体系有一定的了解   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
11月前
|
监控 API 数据安全/隐私保护
电商API接口:数据同步的智能引擎
在电商系统中,数据同步对业务运行和用户体验至关重要,而API接口作为关键技术手段,在其中发挥核心作用。本文详细分析了电商API接口的概念、应用场景(如商品信息、订单、库存、支付与物流同步)、技术实现步骤(如获取API Key、编写代码、性能优化)以及面临的挑战(如数据格式差异、安全性问题)。同时,通过亚马逊、阿里巴巴、京东等实际案例,展示了API接口的最佳实践及其对企业效率提升的显著效果。合理运用API技术可有效优化电商数据同步,推动业务发展。
362 0
|
安全 前端开发 JavaScript
跨域iframe通信
跨域iframe通信
677 2
|
JavaScript 前端开发 大数据
ajax请求总是不成功?浏览器的同源策略和跨域问题详解
XMLHttpRequest cannot load http://oldwang.com/isdad. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://xiao
31038 1
|
安全 数据安全/隐私保护
新版发布功能上线,新增「大屏快照」功能!
新版发布功能上线,新增「大屏快照」功能! 发布分享 链接设置 分享链接 ​ 打开「发布分享」按钮之后,会随机生成一个分享链接,此链接每次打开之后都会变更,上一次的分享链接随即失效且不能恢复到历史分享链接。
15260 152
|
SQL JSON 数据可视化
新的一年,带给你全新的DataV
2023已经到来,我们正在迎来春暖花开的新时节。在这新年到来之际,我们给广大的DataV用户带来了一份新年礼物 - 全新的DataV 7.0版本,下面小编就带大家看一看新版本中有哪些激动人心的升级。
新的一年,带给你全新的DataV
|
编解码 Android开发
DPI、PPI和Android的应用开发单位dp
DPI、PPI和Android的应用开发单位dp
|
消息中间件 Linux Apache
Mac和Linux中Apache RocketMQ的安装和使用(亲测有效,不服来战)
一、项目需要用到Apache RocketMQ Apache RocketMQ™ is an open source distributed messaging and streaming data platform. 这是阿里开源的一个消息中间件框架。
3925 0
|
SQL 供应链 定位技术
智能数据构建与管理Dataphin之“规划”
Dataphin的核心功能规划背后的设计理念, 业务板块的划分原则、主题域的划分、概念建模的介绍,希望能帮助您更好的使用Dataphin规划功能。
|
Go iOS开发 MacOS
|
8月前
|
前端开发 Serverless 云栖大会