全部产品
弹性计算 会员服务 网络 安全 移动云 数加·大数据分析及展现 数加·大数据应用 管理与监控 云通信 阿里云办公 培训与认证 智能硬件
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 更多
DataV数据可视化

辅助图形

更新时间:2017-09-20 08:55:52

辅助图形工具可以帮助您丰富大屏,让您的大屏可以更清晰地展示各种图表和数据。

自定义背景块

您可以通过自定义背景块功能为一个或者多个组件更改背景颜色,突出需要重点强调的图表,方便阅览大屏的人定位重要的数据。

单击自定义背景块组件,右边页面会自动显示样式数据两个标签页。

SelectCustomBackground

自定义样式

勾选自定义样式,更改背景块的样式,包括边框图片、边框线条粗细、背景色等。

SetBackground

  • 边框图片:单击虚框内的文字提示或者将文件拖拽至虚框内来更改边框图片。

  • 裁剪:取消勾选,隐藏裁剪边框的功能。

  • 图片边框:手动输入数字调整边框。

  • 边框线条:单击下拉箭头,在下拉菜单中选择边框线条的样式。

  • 边框粗细:手动输入数字调整边框的粗细。

  • 内容器背景:单击色块更改内容器的背景色。

  • 背景色:单击色块更改整个组件的背景色。

取消勾选自定义样式,更改组件的背景色,边框样式和图表位置和尺寸。

SetComponent

  • 背景色:单击色块更改整个组件的背景色。

  • 圆角:通过拖拽浮球或者手动输入数字调整边框四个边角的弧度。

图表尺寸位置

单击“+”号、“-”号或者手动输入数字来调整图表的位置和尺寸。

TableSizeSetting

边框

您可以通过边框的功能,为一个或者多个组件增加边框,方便大屏的阅览者能够快速地定位重要图表或者数据。

单击边框组件,右边页面会自动显示样式数据两个标签页。

SelectBorde

BorderStyleSetting

  • 框:单击下拉箭头,在样式的下拉列表中选择您需要的边框样式。

  • 图表尺寸位置:单击“+”号、“-”号或者手动输入数字来调整图表的位置和尺寸。

装饰

您可以通过装饰功能,丰富大屏的组件。

单击装饰组件,右边页面会自动显示样式数据两个标签页。

DecorationSetting

DecorationStyleSetting

  • 装饰元素:单击下拉箭头,在下拉列表中选择您需要的装饰元素。

  • 透明度:通过拖拽浮球或者手动输入数字调整组件的透明度。

  • 图表尺寸位置:单击“+”号、“-”号或者手动输入数字来调整图表的位置和尺寸。

iframe

您可以通过 iframe 功能,在大屏上插入网页,方便阅览大屏的人可以通过网页实时查询数据或者搜索相关信息。

单击 iframe 组件,右边页面会自动显示样式数据两个标签页。

IframeSetting

IframeStyleSetting

  • 链接:手动输入需要插入到大屏中的网页地址。

  • 可关闭:勾选可关闭,关闭大屏中的网页搜索和查询功能。

  • 图表尺寸位置:单击“+”号、“-”号或者手动输入数字来调整图表的位置和尺寸。

单张图片

您可以通过单张图片功能,在大屏中添加图片,比如,公司的 logo。

单击单张图片组件,右边页面会自动显示样式数据两个标签页。

SinglePictureSetting

SinglePictureStyle

  • 背景图:单击虚框内的文字提示或者将本地图片拖拽至虚框内来更改背景图片。

  • 超链接配置:手动输入网络图片的链接。

  • 新开窗口:勾选新开窗口,可在大屏中新开一个窗口展示图片。

  • 图表尺寸位置:单击“+”号、“-”号或者手动输入数字来调整图表的位置和尺寸。

时间轴

您可以通过时间轴功能,为一个或者多个组件添加一个时间轴,方便阅览者可以看到不同时间段的数据。

单击时间轴组件,右边页面会自动显示样式数据两个标签页。

SubsidiaryChartStyle

全局样式

您可以通过全局样式功能调整组件的整体样式。

OverallStyleSetting

  • 字体:单击下拉箭头,在下拉菜单中选择您需要的组件字体。

  • 轮播:取消勾选,隐藏轮播功能。

  • 间隔时间:单击“+”号、“-”号或者手动输入数字来调整组件的时间间隔。

  • 停留时间:单击“+”号、“-”号或者手动输入数字来调整组件的停留时间。

  • 左右边距:单击“+”号、“-”号或者手动输入数字来调整组件的左右边距距离。

事件节点

您可以通过事件节点功能调整组件的节点。

EventNodeSetting

  • 种类:单击下拉箭头,在下拉列表中选择您需要的节点种类。

  • 数据格式:您可以手动输入组件的数据格式。

  • 节点形状:单击下拉箭头,在下拉菜单中选择您需要的节点形状。

  • 节点大小:单击“+”号、“-”号或者手动输入数字来调整节点的大小。

  • 节点填充色:单击前面的色块更改节点的填充色。

  • 节点边框色:单击前面的色块更改节点的边框色。

  • 节点边框粗细:单击“+”号、“-”号或者手动输入数字来调整节点的边框粗细。

节点标签

您可以通过节点标签功能调整节点的样式。

NodeTagSetting

  • 向下偏移:单击“+”号、“-”号或者手动输入数字来调整节点标签的位置。

  • 默认样式

    • 字号:单击“+”号、“-”号或者手动输入数字来调整节点标签的字号。
    • 颜色:单击前面的色块更改节点标签的颜色。
  • 选中样式

    • 字号:单击“+”号、“-”号或者手动输入数字来调整时间轴上当前显示的节点字号大小。
    • 颜色:单击前面的色块更改当前显示的节点颜色。

背景

您可以通过背景功能调整组件的背景设置。

NodeBackground

  • 粗细:单击“+”号、“-”号或者手动输入数字来调整时间轴线的粗细。

  • 颜色(默认样式):单击前面的色块更改时间轴线的颜色。

  • 颜色(选中样式):单击前面的色块更改当前显示的时间轴颜色。

交互

您可以通过交互功能,填入回调 ID,使得当前组件与其它的组件产生数据交互。更多实现数据交互的设置,请参阅,快速入门

NodeInteraction

图表尺寸位置

您可以通过单击“+”号、“-”号或者手动输入数字来调整图表的尺寸和位置。

NodeSizeSetting

词云

您可以通过词云功能,在大屏中添加词云图,用来展示词频。

单击词云组件,右边页面会自动显示样式数据两个标签页。

WordCloud

WordCloudStyle

全局样式

OverallStyleSetting

  • 字体:单击下拉箭头,在下拉列表中选择您需要的字体。

  • 最大字号/最小字号:通过拖拽浮球或者手动输入数字,调整组件的字号大小。

  • 绘制形状:勾选启用,启用绘制形状功能。

    启用绘制形状后,词云图中词条的分布将会以形状图片中上传的图形样式排列。

  • 形状图片:单击虚框内的文字提示或者将本地图片拖拽至虚框内来更改形状图片。

    SetPictureStyle

    WordCloudShow

系列

XiLieSetting

  • 单击添加,增加新的词云系列。

  • 单击删除,删除当前的词云系列

  • 单击色块,更改词云图中词条的颜色。

图表尺寸位置

您可以通过单击“+”号、“-”号或者手动输入数字来调整图表的尺寸和位置。

TableSizeSetting

轮播图

您可以通过轮播图功能,将多张图片以动画的形式轮流在大屏中播放。

单击轮播图,右边页面会自动显示样式数据两个标签页。

CarouselSetting

CarouselStyleSetting

全局样式

OverallStyleSetting

  • 字体:单击下拉箭头,在下拉列表中选择您需要的字体样式。

  • 字号:拖拽浮球或者手动输入数字,更改组件中的字号大小。

动画

AnimationSetting

  • 停顿:手动输入数字,更改图片的停顿时长。停顿时间的单位为毫秒。

  • 速度:手动输入数字,更改图片的切换速度。切换速度的单位为毫秒。

  • 特效:单击下拉箭头,在下拉菜单中选择您需要的特效效果。

    当选择马赛克选项时,需要您手动调整马赛克横向和纵向的密度。

    SpecialEffectSetting

    单击“+”号、“-”号或者手动输入数字调整马赛克的横向和纵向密度。

图片

PictureGroupSetting

  • 默认图片:单击虚框内的文字提示或者将本地图片拖拽至虚框内来更改默认图片。

  • 填充方式:单击下拉箭头,在下拉列表中选择您需要的填充方式。

描述

取消勾选,可隐藏轮播图的描述功能。

DescriptionSetting

  • 背景颜色:您可以通过背景颜色功能调整描述的颜色样式、角度等。

    • 颜色样式:单击下拉箭头,在下拉列表中选择您需要的颜色样式。然后单击色块更改当前的配色方案。

    • 角度:单击“+”号、“-”号或者手动输入数字调整背景颜色的角度。

  • 文字颜色:单击色块更改当前描述的文字颜色。

  • 长度(%):单击“+”号、“-”号或者手动输入数字调整描述的长度。

  • 高度(%):单击“+”号、“-”号或者手动输入数字调整描述的高度。

  • 上边距:单击“+”号、“-”号或者手动输入数字调整描述文字的上边距。

  • 左边距:单击“+”号、“-”号或者手动输入数字调整描述文字的左边距。

  • 对齐方式:单击下拉箭头,在下拉菜单中选择您需要的对齐方式。

圆点

取消勾选,隐藏圆点显示功能。

圆点功能就是当多张图片轮播时,通过用不同颜色的圆点,来显示当前展示到的图片,和未展示出的图片。

DotShow

PictureDotSetting

  • 圆点颜色:单击色块更改圆点的配色方案。

  • 当前颜色:单击色块更改用来显示当前图片的圆点颜色。

图表尺寸位置

单击“+”号、“-”号或者手动输入数字调整图表的尺寸和位置。

TableSizeSetting

Tab 列表

您可以通过 Tab 列表功能,将多张图表编成列表并集中展示。

单击 Tab 列表,右边页面会自动显示样式数据两个标签页。

TabFunction

TabStyleSetting

  • 字体:单击下拉箭头,在下拉菜单中选择您需要的字体作为 Tab 列表的标题。

  • 背景色:单击色块更改 Tab 列表的背景色。

  • 行数:单击“+”号、“-”号或者手动输入数字更改 Tab 列表的行数。

  • 列数:单击“+”号、“-”号或者手动输入数字更改 Tab 列表的列数。

  • 选择类型:你可以通过单选多选两个选项,选择 Tab 列表是单页展示还是多页同时展示。

    • 单选:Tab 列表会以单页的形式展示,并且您还可以手动输入初始化值,决定先展示哪一个 Tab 页。

    SingleChoose

    • 多选:Tab 列表会以多页的形式展示,并且您还可以勾选全部按钮,在 Tab 列表的最前端显示全部选项;您还可以勾选初始化全选,并手动输入初始化值,决定先展示哪一个 Tab 页。

    MultipleChoose

标签默认配置

TagDefaultSetting

  • 字号:您可以通过拖拽浮球或者手动输入数字更改 Tab 列表标签的字号大小。

  • 字体颜色:单击色块更改字体的配色方案。

  • 背景颜色:单击色块更改 Tab 列表的背景颜色。

  • 圆角半径:您可以通过拖拽浮球或者手动输入数字更改 Tab 列表标签的圆角半径。

  • 悬浮背景色:单击色块更改 Tab 列表的悬浮背景色。

  • 选中文字色:单击色块更改当前显示页的标签文字颜色。

  • 回调 ID:手动输入回调 ID,使得当前的 Tab 列表可以与其它的图表产生联动。

图表尺寸位置

单击“+”号、“-”号或者手动输入数字调整图表的尺寸和位置。

TableSizeSetting

时间器

您可以通过时间器功能,为大屏增加一个显示时间。

单击时间器,右边页面会自动显示样式数据两个标签页。

TimeTool

TimerStyleSetting

图标样式

您可以通过图标样式功能调整时间器显示图标的大小,颜色和边距。

SampleStyleSetting

  • 大小:您可以通过拖拽浮球或者手动输入数字更改图标的大小。

  • 颜色:单击色块更改图标的配色方案。

  • 边距:您可以通过退拽浮球或者手动输入数字调整显示图标和数字之间的距离。

时间器

您可以通过时间器功能调整组件的显示文本,时间格式和时间间隔。

TimerStyleSetting

  • 文本样式:您可以在文本样式中调整时间器的显示字号、字体、字体颜色等。

    • 字号:您可以通过拖拽浮球和手动输入数字更改组件的字号大小。

    • 字体颜色:单击色块更改组件的字体颜色。

    • 字体粗细:单击下拉箭头,在下拉菜单中选择您需要的字体粗细。

    • 字体:单击下拉箭头,在下拉菜单中选择您需要的显示字体。

  • 格式化:您可以按照系统提示手动输入时间的显示格式。

  • 间隔时间:单击“+”号、“-”号或者手动输入数字调整组件的间隔时间。

图表尺寸位置

单击“+”号、“-”号或者手动输入数字调整图表的尺寸和位置。

TableSizeSetting

视频

您可以通过视频功能,为大屏增加一个视频。

单击视频,右边页面会自动显示样式数据两个标签页。

VideoTool

VideoStyleSetting

  • 视频地址:您可以手动输入或者粘贴一个已有的视频地址到指定区域。

  • 自动播放:勾选自动播放功能,自动播放视频。

  • 循环播放:勾选循环播放功能,循环播放视频。

  • 控制条:勾选控制条功能,显示视频控制条。

  • 空视频文案:您可以上传您自己制作的视频到指定区域,推荐上传格式为 MP4。

  • 图表尺寸位置:单击“+”号、“-”号或者手动输入数字调整图表的尺寸和位置。

本文导读目录