检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
时间轴 时间轴可以清晰地呈现特定时间点发生的事件，并直观地展示行为和状态随时间的演变，帮助您更好地了解每个事件发生的时间。本文为您介绍如何为时间轴添加数据并配置样式。 约束限制 时间轴-时间维度为必填项，只能填入时间类型字段，最多填入一个字段。
Index.js规范 Index.js文件是组件的主入口文件，该文件提供了一个示例供您参考，并介绍了index.js文件中常用的组件生命周期或相关函数。 示例组件为一个文本组件：展示度量字段的值，并允许对文本进行样式设置。
时间器 本章节主要介绍时间器各配置项的含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比
双轴折线柱图 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改。单击“确定”完成对字段显示内容的修改。 聚合方式 选择
双轴折线柱图 本章节主要介绍双轴折线柱图各配置项的含义，双轴折线柱图属于线状图也属于柱状图。 字段 在“数据”标签页选择数据集，并将所需的“维度”、“度量”双击或拖拽至“字段”标签页。 表1 字段参数 参数 参数说明 字段显示内容 单击列内字段的，选择“字段显示内容”单击，在弹出页面对字段显示内容进行修改
显示时间轴字段：勾选框后，图表显示时间轴字段，不勾选只显示时间。 显示标签字段：勾选框后，图表显示节点标签，不勾选不显示节点标签。 显示今天：勾选框后，里程碑会显示当天的标签（今天），不勾选则不显示。
折线柱状图 折线和簇状柱图支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中簇柱状图，可以比较各组数据之间的差别。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期
图2 src目录 gui.js：组件的配置，包括样式、数据和交互。 index.js：实现配置文件。 index.less：样式配置文件。 package.json：依赖包文件。
簇状柱状图 簇状柱状图可以展示每项数据在一段时间内的趋势及数据间的比较情况，柱体的长短展示值的大小，易于比较各组数据之间的差别及走势。本文为您介绍如何为簇状柱状图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。 度量轴由数据的度量决定，至少选择1个度量。
散点图 散点图用于展示数据的相关性和分布关系，由X轴和Y轴两个变量组成。通过因变量（Y轴数值）随自变量（X轴数值）变化的呈现数据的大致趋势，同时支持从类别和颜色两个维度观察数据的分布情况。用两组数据构成多个坐标点，考察坐标点的分布，判断多变量之间是否存在某种关联或总结坐标点的分布模式
折线图 折线图适用于分析数据随时间变化的趋势。例如，分析商品销量随时间的变化，预测未来的销售情况。本文为您介绍如何为折线图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。 度量轴由数据的度量决定，至少选择1个度量。例如订单数量。
堆积柱状图 堆积柱状图可以展示每项数据在一段时间内的趋势及数据间的比较情况，堆积柱状图可以形象地展示一个大分类包含的每个小分类的数据，以及各个小分类的占比，显示单个项目与整体之间的关系。 本文为您介绍如何为堆积柱状图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1
Index.js 组件主入口。 Index.less 组件样式css配置。 父主题： 自定义组件开发包说明
堆积条形图 堆积条形图可以展示每项数据在一段时间内的趋势及数据间的比较情况，堆积条形图可以形象地展示一个大分类包含的每个小分类的数据，以及各个小分类的占比，显示单个项目与整体之间的关系。 本文为您介绍如何为堆积条形图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1
甘特图 甘特图是一种用于展示项目进度和时间线的工具，通过条形图直观地表示任务的开始和结束时间，适用于长期和多阶段的项目规划。通过甘特图能够清晰地理解项目的整体结构，监控任务进度，并及时调整计划以应对变化。 本文为您介绍如何为甘特图添加数据并配置样式。 约束限制 维度轴由数据的维度决定
文本 本章节主要介绍文本各配置项的含义。 字段 手动输入，需要文本内容。 动态字段 在数据列下的类别轴/维度和轴值/度量内，选择需要的“类别轴/维度”和“轴值/度量”，拖到文本设置/维度或度量区域。 字段列表还包含以下内容方便您更好地分析数据内容： 设置字段显示内容（类别轴/维度）
自定义组件开发包说明 组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍 父主题： 自定义组件
面积图 面积图可用来展示在一定时间内数据的趋势走向以及它们所占的面积比例。本文为您介绍如何为面积图添加数据并配置样式。 在面积图中，可以得出数据随时间变化的结论，例如数据随时间递增、数据随时间递减、数据是否呈现周期性变化、数据呈指数性增长等。 约束限制 维度轴由数据的维度决定，至少选择
其他 词云图 平行坐标系 桑基图 漏斗图 时间轴 父主题： 仪表板可视化控件
组合图 组合图将柱状图和线状图结合在一起，支持双轴展示不同量级数据。如果您需要同时通过图表展示销售量（以柱状图表示）和销售额（以线状图表示），即使两者的数据量级相差很大，组合图也能够通过两个不同的坐标轴来清晰地展示这些信息，方便您一目了然地观察销售量的变化趋势和销售额的波动情况 本文为您介绍如何为组合图添加数据并配置样式
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
