云服务器内容精选
-
样式 尺寸位置 W:设置图表的宽,单位为px。 H:设置图表的高,单位px。 X:设置图表在画布中的位置。单位为px。 Y:设置图表在画布中的位置。单位为px。 不透明度:设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。 图1 尺寸位置 全局样式 字体:设置图表中文字的字体。 图2 全局样式 甘特图样式 甘特图标签: 字号:甘特图标签字体大小可自定义设置,范围10~100。 颜色:甘特图标签颜色用户自定义。 字体粗细:甘特图标签字体类型Normal、Bold、Bolder、Lighter。 状态-颜色配置:根据字段中状态/维度获取状态枚举值的范围,枚举值颜色自定义。 边距:甘特图的顶部、底部、左侧、右侧边距用户自定义。 x/y轴 轴标签:设置x、y轴的轴标签字号、字体颜色、字体粗细。 图3 x/y轴 提示信息 显示/隐藏提示信息:勾选表示预览或查看发布组件时显示的提示信息;不勾选表示预览或查看发布组件时不显示提示信息。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 图4 提示信息
-
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置值标签的字号。 颜色:设置值标签的字体颜色。 字体粗细:设置值标签的字体粗细样式。 位置:单击下拉列表,设置值标签的位置。可设置为顶部、右侧、内部、左侧、底部、内部居左、内部居右、内部居上、内部居下。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 轴标签:设置x轴的文本样式,包括数据类型、字号、字体颜色、字体粗细、角度、标签间隔、最小标签、最大标签。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图2 x轴-柱状图 y轴 显示/隐藏y轴:单击“y轴”右侧的勾选框,表示显示y轴,表示隐藏y轴。 文本:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置y轴的文本样式,包括显示格式、最小值、最大值、分割数。 轴单位:设置y轴的单位。 坐标轴:设置y坐标的颜色。 网格线:设置y轴的网格线颜色。 图3 y轴-柱状图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:设置图例的位置。 图4 图例-柱状图 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。 更新动画:组件数据更新时的动画时长,单位为ms。 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。 图5 动画-线状图 系列转类目 单击“系列转类目”右侧的勾选框,表示转换为类目,显示类目;表示不转换为类目,显示系列。 显示类目:按照类目分类,把所有系列分成不同的类目展示到坐标轴上。 显示系列:按照系列分类,把所有的类目按照不同的系列展示到坐标轴上。 假设将静态数据的前3条修改为: [ { "x": "销售", "y": 78, "s": 1 }, { "x": "销售", "y": 55, "s": 2 }, { "x": "销售", "y": 68, "s": 3 } ] 然后在“数据”面板中,添加3个系列,系列值分别为1、2、3,并且3个系列设置为不同的颜色。显示系列如图6所示,显示类目如图7所示。 图6 显示系列-柱状图 图7 显示类目-柱状图
-
数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 堆叠:堆叠名称,可以输入自定义名称。若同一个类目(x值相等)的不同系列(s值不同)设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图8 数据 - 柱状图
更多精彩内容
CDN加速
GaussDB
文字转换成语音
免费的服务器
如何创建网站
域名网站购买
私有云桌面
云主机哪个好
域名怎么备案
手机云电脑
SSL证书申请
云点播服务器
免费OCR是什么
电脑云桌面
域名备案怎么弄
语音转文字
文字图片识别
云桌面是什么
网址安全检测
网站建设搭建
国外CDN加速
SSL免费证书申请
短信批量发送
图片OCR识别
云数据库MySQL
个人域名购买
录音转文字
扫描图片识别文字
OCR图片识别
行驶证识别
虚拟电话号码
电话呼叫中心软件
怎么制作一个网站
Email注册网站
华为VNC
图像文字识别
企业网站制作
个人网站搭建
华为云计算
免费租用云托管
云桌面云服务器
ocr文字识别免费版
HTTPS证书申请
图片文字识别转换
国外域名注册商
使用免费虚拟主机
云电脑主机多少钱
鲲鹏云手机
短信验证码平台
OCR图片文字识别
SSL证书是什么
申请企业邮箱步骤
免费的企业用邮箱
云免流搭建教程
域名价格