智能数据洞察 DATAARTS INSIGHT-线状图:样式

时间:2025-03-10 18:45:11

样式

本章节介绍线状图样式各项配置的含义。

表3 尺寸位置

参数

说明

W

设置图表的宽,单位为px。

H

设置图表的高,单位为px。

X

设置图表在画布中的位置,单位为px。

Y

设置图表在画布中的位置,单位为px。

不透明度

设置图表在画布上的透明度,可通过滑动条进行设置,也可手动输入百分比,比例越大透明程度越低。

表4 全局样式和折线样式

参数

说明

字体

设置图表中文字的字体。

平滑曲线

平滑曲线值范围0~1。

表5 边距

参数

说明

顶部

设置图表与图层顶部的间距,可以通过输入数值或单击“-”或“+”调节。

底部

设置图表与图层底部的间距,可以通过输入数值或单击“-”或“+”调节。

左侧

设置图表与图层左侧的间距,可以通过输入数值或单击“-”或“+”调节。

右侧

设置图表与图层右侧的间距,可以通过输入数值或单击“-”或“+”调节。

表6 X轴和Y轴

类别

参数

说明

X轴

显示/隐藏x轴

单击“显示x轴”侧的勾选框,表示显示x轴,表示隐藏x轴。

文本

设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度等参数。

  • 数据类型:坐标轴对应的字段的数据类型,可以选择数值型、类目型、时间型。
  • 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。
  • 轴线颜色:设置x轴的颜色。

缩放

设置X轴的缩放比例。结束值的取值范围依赖于开始值。

显示/隐藏网格线

单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线。设置网格线的线条格式,其中包含实线、虚线、点划线,网格线的颜色也可配置。

Y轴

显示/隐藏y轴

单击“显示y轴”左侧的勾选框,表示显示y轴,表示隐藏y轴。

文本

设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。

轴标签

设置y轴的标签,支持对显示格式、最小值、最大值、分割数设置。

  • 显示格式支持设置自动、取整、保留一位小数、保留两位小数、保留三位小数、保留四位小数、保留五位小数。
  • 最小值支持自动取整和数据最小值。
  • 最大值支持自动取整和数据最大值。
  • 分割数输入值不能小于1。

轴单位

设置y轴的单位和颜色。

网格线

  • 显示/隐藏网格线:单击“网格线”右侧的勾选框,表示显示网格线,表示隐藏网格线。
  • 线条格式:设置网格线的线条格式,其中包含实线、虚线、点划线,网格线的颜色也支持配置。
表7 图例

参数

说明

显示/隐藏图例

单击“显示图例”左侧的勾选框,表示显示图例,表示隐藏图例。

文本

设置图例的文本样式,包括字号、字体颜色、字体粗细。

布局

设置图例的位置,支持顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。

表8 提示信息

参数

说明

显示/隐藏提示信息

勾选表示预览或查看发布组件时显示的提示信息;不勾选表示预览或查看发布组件时不显示提示信息。

触发类型

设置提示信息的触发类型,可以选择坐标轴或数据项。

颜色

设置提示信息的字体颜色。

字号

设置提示信息的字号大小。

字体粗细

设置提示信息的字体粗细样式。

表9 动画

参数

说明

显示/隐藏动画

单击“显示动画”左侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。

入场动画

组件第一次渲染动画的时长,单位为ms。

说明:

入场动画输入值不能为0,默认值是1000ms。

动画效果

动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。

各系列依次动画

开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。

更新动画

组件数据更新时的动画时长,单位为ms。

是否从之前位置开始

开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。

表10 数值设置和系列

参数

说明

数值设置

支持对数值的语境、单位、科学计数法、使用千分位分割符、小数位的设置。

系列

  • 配色方案:支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。
  • 系列:支持对系列颜色的配置(纯色和渐变色)。渐变色可设置起点、终点颜色,起点终点颜色也可互换。
support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0466.html