文档首页 > > 用户指南> 组件指南> 文本> 轮播列表柱状图

轮播列表柱状图

分享
更新时间: 2019/12/06 GMT+08:00

本章节主要介绍轮播列表柱状图组件各配置项的含义。

样式

  • 尺寸位置
    • 图表尺寸:设置图表的宽和高。单位为px。
    • 图表位置:设置图表在画布中的位置。单位为px。
    图1 尺寸位置-轮播列表柱状图
  • 全局样式
    • 字体:设置组件文本的字体样式。
    • 数量:输入数值或单击设置组件中显示文本的行数。
  • 序列号
    • 显示/隐藏序列号:单击“序列号”右侧的勾选框,表示显示序列号,表示隐藏序列号。
    • 文本:设置序列号的文本样式,包括字号、颜色和字体粗细。
    • 列宽比例:输入数值或拖动,设置序列号这一列的宽度
    图2 序列号-轮播列表柱状图
  • 内容
    • 文本:设置组件文本的样式,包括字号、颜色和字体粗细。
    • 跑马灯:勾选跑马灯右侧的时,组件文本会按照跑马灯效果轮播。输入数值或单击可设置动画一次播放的时间,时间单位为毫秒。
    图3 内容-轮播列表柱状图
  • 柱子样式
    • 背景:设置柱子的背景颜色。
    • 颜色:单击颜色编辑器设置柱子的颜色。
    • 高度:输入数值或单击设置柱子的高度。
  • 流光

    颜色:单击颜色编辑器设置流光的颜色。

    长度:流光的长度。

    高度:流光的高度。

  • 值标签:显示或隐藏值标签。显示时,数据中value字段的值将以标签的形式显示在图表中。
    • 字号:值标签的字体大小。
    • 颜色:值标签的字体颜色。
    • 字体粗细:值标签的字体粗细。
      图4 值标签-轮播列表柱状图

数据

  • value:对应柱图的权重。权重越高,柱子长度越长,占比越大。
  • content:对应每个柱状图显示的文本内容说明。

交互

此组件没有交互事件。

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区