样式

本章节介绍文本组件相关的各配置项的含义。

• 尺寸位置
  • W：设置图表的宽，单位为px。
  • H：设置图表的高，单位px。
  • X：设置图表在画布中的位置。单位为px。
  • Y：设置图表在画布中的位置。单位为px。
  • 不透明度：设置图表在画布上的途明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
  图2 尺寸位置
  
• 文本样式--标题
  • 字体：设置文本的字体。
  • 字号：设置文本的字号。
  • 文本间距：设置文本的文本间距
  • 颜色：设置文本的字体颜色。
  • 字体粗细：设置文本的字体粗细。
  • 对齐方式：设置文本的对齐方式，可以设置为左侧、右侧、水平居中。
  • 上下对齐：设置文本的上下对齐方式，可以设置为左侧、右侧、水平居中。
• 全局样式--文本
  • 溢出滚动：勾选后，如果文本溢出，会自动滚动播放。
  • 滚动时间：输入数值或单击，设置文本滚动的时间。只有当勾选了溢出滚动后，此配置项才生效。
• 文本样式--文本
  • 分割符：设置文本的分割符。
  • 字体：设置文本的字体。
  • 字号：设置文本的字号。
  • 文本间距：设置文本的文本间距
  • 颜色：设置文本的字体颜色。
  • 字体粗细：设置文本的字体粗细。
  • 对齐方式：设置文本的对齐方式，可以设置为左侧、右侧、水平居中。
  • 行高：输入数值或拖动，调整文字的每一行之间的间距。
  • 首行缩进：输入数值或拖动，调整文字的每一行之间的间距。
• 全局样式--词云
  • 字体：设置组件文本的字体样式。
  • 最大字号：输入数值或拖动，设置组件文字的最大字号。定义数据中value值最大的文本大小。
  • 最小字号：输入数值或拖动，设置组件文字的最小字号。定义数据中value值最小的文本大小。
  • 间距：输入数值或拖动，调整组件文字的每一行之间的间距。
• 图标样式--时间器
  • 字号：设置组件时间图标的字号大小。
  • 颜色：设置组件时间图标的颜色。
  • 右边距：输入数值或拖动，调整组件时间图标的右边距。
• 时间器--时间器
  • 字体：设置组件中文本的字体样式。
  • 字号：设置组件中文本的字号大小。
  • 颜色：单击颜色编辑器设置组件中文本的颜色。
  • 字体粗细：单击下拉框设置组件文本的字体粗细样式。
  • 格式化：设置组件中时间显示的格式。
• 全局样式--表格轮播&表格
  • 表格行数：输入数值设置表格的显示行数。
  • 轮播：勾选时，会进行表格轮播。未勾选时，表格的内容不会进行轮播，当表格数据超过“表格行数”所指定的显示行数时，表格会显示滚动条，您可以通过滚动滚轮查看表格数据。
  • 动画类型：单击下拉选项设置动画类型，可设置为翻转、跑马灯、跳动。
  • 时间间隔：输入数值或单击设置表格轮播的时间间隔。
  • 边框线：设置边框线的粗细和颜色。
• 表头--表格轮播&表格
  • 显示/隐藏表头：单击“表头”右侧的勾选框，表示显示表头，表示隐藏表头。
  • 表头行高：输入数值，设置表头行高。
  • 背景色：单击颜色编辑器设置表头的背景色。
  • 对齐方式：单击下拉选项设置表头文本的对齐方式，可选择为水平居中、左侧、右侧。
  • 字体：单击下拉选项设置表头文本的字体类型。
  • 字体颜色：单击下拉选项设置表头文本的字体颜色。
  • 字号：单击下拉选项设置表头文本的字号大小。
  • 字体粗细：单击下拉选项设置表头文本的字体粗细样式。
• 行配置--表格轮播
  • 行高：设置行高，输入值不能小于45。
  • 奇行背景色：单击颜色编辑器设置奇行表格的背景色。
  • 偶行背景色：单击颜色编辑器设置偶行表格的背景色。
  • 文本：设置行的字体、字体颜色、字号、字体粗细。
• 行分割线--表格轮播
  • 样式：设置行分割线样式，支持实线、虚线、点划线的设置。
  • 粗细：设置行分割线的粗细。
  • 行颜色：设置行分割线的颜色。
• 序列号--表格轮播
  • 显示/隐藏序列号：单击“序列号”右侧的勾选框，表示显示序列号，表示隐藏序列号。
  • 背景色：单击颜色编辑器设置背景色。
  • 圆角：输入数值或单击设置圆角度。
  • 列宽占比（%）：输入数值或拖动，设置序列号这一列的宽度。
  • 半径：输入数值或拖动，设置半径大小。
  • 字体颜色：单击下拉选项设置序列号这一列中文本的字体颜色。
  • 字号：单击下拉选项设置序列号这一列中文本的字号大小。
  • 字体粗细：单击下拉选项设置序列号这一列中文本的字体粗细样式。
• 行配置--表格
  • 行高：设置行高，输入值不能小于45。
  • 奇行背景色：单击颜色编辑器设置奇行表格的背景色。
  • 偶行背景色：单击颜色编辑器设置偶行表格的背景色。
  • 对齐方式：设置表格行的对齐方式支持水平居中、左侧、右侧设置。
  • 自动换行：设置表格行的自动换行，支持/不支持自动换行：单击“自动换行”右侧的勾选框，表示支持换行，表示不支持换行。
  • 文本：设置行的字体、字体颜色、字号、字体粗细。
  • 行分割线--表格
    • 样式：设置行分割线样式，支持实线、虚线、点划线的设置。
    • 粗细：设置行分割线的粗细。
    • 行颜色：设置行分割线的颜色。
• 全局样式--数字翻牌器
  • 对齐方式：设置数字的对齐方式，可以设置为水平居中、左侧对齐、右侧对齐。
  • 间距：设置数字与图层的间距。
  • 始终动画：开启后，翻牌器上的数字将始终随着数据的变化而动态变化。
  • 动画时长：输入数值或单击可设置动画一次播放的时间，时间单位为毫秒。
• 标题--数字翻器
  • 前缀：设置数字的前缀内容、字体、字号、字体颜色、字体粗细。
  • 数字：设置数字的样式，包括小数位控制、千位分隔符、字体、字号、颜色、字体粗细、数字间隔、左右内边距、上下内边距、背景色。
  • 后缀：设置数字的后缀内容、字体、字号、字体颜色、字体粗细。
• 标题--数字翻牌器
  • 标题名：设置数字翻牌器标题名。
  • 对齐方式：设置标题的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。
  • 字体：设置文本的字体。
  • 字号：设置文本的字号。
  • 文本间距：设置文本的文本间距
  • 颜色：设置文本的字体颜色。
  • 字体粗细：设置文本的字体粗细。
• 数值--数字翻牌器
  • 小数位控制：设置小数位，支持/不支持小数位：单击“小数控制位”右侧的勾选框，表示支持，表示不支持。
  • 字体：设置标题的字体。
  • 字号：设置标题的字号。
  • 颜色：设置标题的字体颜色。
  • 字体粗细：设置标题的字体粗细。
  • 数字间隔：设置数字间的间隔。
  • 左右对齐：设置左右对齐距离。
  • 上下内边距：设置上下边距距离。
  • 背景色：设置背景颜色。
  • 边线选项：支持设置边线的样式、宽度、圆角、颜色。
• 增长趋势--数字翻牌器
  • 显示增长趋势：设置支持/不支持增长趋势，

    单击“小数控制位”右侧的勾选框，表示支持，表示不支持。

  • 自定义图标：支持url设置和本地上传。
  • 内容：设置增长趋势内容。
  • 字体：设置增长趋势字体。
  • 字号：设置增长趋势字号。
  • 颜色：设置增长趋势颜色。
  • 字体粗细：设置字体增长趋势字体粗细。
• 减少趋势--数字翻牌器
  • 显示减少趋势：设置支持/不支持减少趋势，单击“小数控制位”右侧的勾选框，表示支持，表示不支持。
  • 自定义图标：支持url设置和本地上传。
  • 内容：设置减少趋势内容。
  • 字体：设置减少趋势字体。
  • 字号：设置减少趋势字号。
  • 颜色：设置减少趋势颜色。
  • 字体粗细：设置字体减少趋势字体粗细。
• 前缀&后缀--数字翻牌器
  • 内容：设置前缀&后缀内容。
  • 字体：设置前缀&后缀字体。
  • 字号：设置前缀&后缀字号。
  • 颜色：设置前缀&后缀颜色。
  • 字体粗细：设置字体前缀&后缀字体粗细。
• 全局样式--阈值翻牌器
  • 对齐方式：设置数字的对齐方式，可以设置为水平居中、左侧对齐、右侧对齐。
  • 间距：设置数字与图层的间距。
  • 始终动画：开启后，翻牌器上的数字将始终随着数据的变化而动态变化。
  • 动画时长：输入数值或单击可设置动画一次播放的时间，时间单位为毫秒。
  • 字体：设置阈值翻牌器的字体。
  • 字号：设置翻牌器的字号。
  • 颜色：设置翻牌器的字体颜色。
  • 字体粗细：设置翻牌器的字体粗细。
  • 超长是否缩略显示：是否开启超长缩略显示。
• 范围设置
  • 新增范围：
    • 数值范围：支持设置数值范围，可设置为数值区间、负无穷-数值、数值-正无穷。
    • 数值颜色:设置数值的颜色。
    • 图标选择：设置图标。
  • 数值显示：设置支持/不支持数值显示，单击“数值显示”右侧的勾选框，表示支持，表示不支持。
  • 文本显示：设置支持/不支持文本显示，单击“数值显示”右侧的勾选框，表示支持，表示不支持。
  • 图标显示：设置支持/不支持图标显示，单击“数值显示”右侧的勾选框，表示支持，表示不支持。
• 单位
  • 显示单位：设置支持/不支持显示单位，单击“显示单位”左侧的勾选框，表示支持，表示不支持。
  • 内容：设置单位内容。
  • 字体：设置内容字体。
  • 字号：设置内容字号。
  • 不随数值变化：设置支持/不支持不随数值变化，单击“不随数值变化”右侧的勾选框，表示支持，表示不支持。
  • 颜色：设置数值变化的颜色变化。
  • 字体粗细：设置单位的字体粗细。
• 全局样式--跑马灯
  • 颜色：单击颜色编辑器设置组件文本的字体颜色。
  • 字号：设置组件文本的字号大小。
  • 字体：设置组件文本的字体。
  • 字体粗细：设置组件文本的字体粗细样式。
  • 轮播：勾选时，组件文本会进行轮播。输入数值或单击可设置动画一次播放的时间，时间单位为毫秒。
  • 时间间隔：输入数值设置播放的时间间隔。
  • 定速播放：勾选时，组件文本会定速播放。输入数值或单击可设置定速播放的速度。
• 全局样式
  • 字体：设置组件文本的字体样式。
  • 数量：输入数值或单击设置组件中显示文本的行数。
• 序列号
  • 显示/隐藏序列号：单击“序列号”右侧的勾选框，表示显示序列号，表示隐藏序列号。
  • 文本：设置序列号的文本样式，包括字号、颜色和字体粗细。
  • 列宽占比（%）：输入数值设置序列号这一列的宽度。
• 内容
  • 文本：设置组件文本的样式，包括字号、颜色和字体粗细。
  • 跑马灯：勾选跑马灯右侧的时，组件文本会按照跑马灯效果轮播。
• 柱子样式
  • 背景：设置柱子的背景颜色。
  • 颜色：单击颜色编辑器设置柱子的颜色。
  • 高度：输入数值或单击设置柱子的高度。
• 流光
  • 颜色：单击颜色编辑器设置流光的颜色。
  • 长度：流光的长度。
  • 高度：流光的高度。
• 值标签：
  • 显示或隐藏值标签：勾选显示时，数据中value字段的值将以标签的形式显示在图表中。
  • 字号：值标签的字体大小。
  • 颜色：值标签的字体颜色。
  • 字体粗细：值标签的字体粗细。
• 全局样式
  • 自适应：勾选时，表格会自动适应组件图层的高度。
  • 字体：设置组件文本的字体样式。
  • 左右间距：输入数值或拖动，设置表格的左右间距。
  • 上下间距：输入数值或拖动，设置表格的上下间距。
  • 边框线：输入数值或拖动，设置表格边框线的粗细和颜色。
• 表头
  • 高度：输入数值或单击调节表头的高度。
  • 文本样式：设置表头文本的字体颜色、字体大小、字体类型。
  • 颜色：单击颜色编辑器设置表头的背景颜色。
• 列
  • 分割线：设置分割线的粗细和颜色。
  • 第一列：设置第一列的宽度；第一列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
  • 第二列：设置第二列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
• 行
  • 分割线：设置分割线的粗细和颜色。
  • 奇偶行：勾选时，表格会区分奇偶行。单击颜色编辑器可以设置奇偶行的颜色。
• 全局样式--矩形树图
  • 字体：设置组件文本的字体样式。
  • 边框大小：输入数值或拖动，设置组件边框大小。
  • 边框颜色：单击颜色编辑器设置组件的边框颜色。
  • 文本样式：设置组件文本的字体大小、字体粗细、字体颜色。
• 多层配置--矩形树图
  • 矩形边框线宽：输入数值或拖动，设置矩形边框线宽。
  • 子矩形间隔：输入数值或拖动，设置子矩形间隔。