文档首页 > > 用户指南> 组件指南> 其他> 漏斗图

漏斗图

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

本章节主要介绍漏斗图组件各配置项的含义。

样式

  • 尺寸位置
    • 图表尺寸:设置图层的宽和高。
    • 图表位置:设置图层在画布中的位置。
    图1 尺寸位置-漏斗图
  • 全局样式
    • 字体:设置组件文本的字体类型。
    • 布局类型:设置组件的布局类型。可选择设置为左对齐、右对齐、居中对齐。
    • 数据排序:设置组件的数据排序。可选择设置为升序、降序或数据顺序。
    • 图形位置:设置组件的图形位置。包括水平位置、顶部位置和底部位置。
    图2 全局样式-漏斗图
  • 范围
    • 最小值:输入数值或单击设置最小值。
    • 最大值:输入数值或单击设置最大值。
    • 底边宽度:输入数值或拖动,设置组件的底边宽度。值越小,底边宽度越窄。
    • 顶边宽度:输入数值或拖动,设置组件的顶边宽度。值越小,顶边宽度越宽。
    图3 范围-漏斗图
  • 值标签
    • 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。
    • 文本样式:设置值标签的文本样式,包括字号,颜色,字体粗细和位置。
    图4 值标签-漏斗图
  • 图例
    • 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。
    • 文本样式:设置图例的文本样式,包括字号,颜色,字体粗细。
    • 布局:设置图例的布局样式,包括位置,左右间距,上下间距。
    图5 图例-漏斗图

数据

上图中的示例数据如下:

[
  {
    "value": 60,
    "s": "访问"
  },
  {
    "value": 40,
    "s": "咨询"
  },
  {
    "value": 20,
    "s": "订单"
  },
  {
    "value": 80,
    "s": "点击"
  },
  {
    "value": 100,
    "s": "展现"
  }
]
  • value:漏斗图中各层显示的值标签。
  • s:s字段为数据系列字段,数据将根据s字段的值进行分组。
    • 新增数据系列:单击s字段后的,增加数据系列
    • 配置数据系列: 单击数据系列前方的>,在展开的面板中配置该系列的指定样式。

交互

此组件没有交互事件。

分享:

    相关文档

    相关产品

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

提交成功!

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

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

*必选

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

字符长度不能超过200

提交反馈 取消

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

跳转到云社区