检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件指南 线状图类 柱状图类 折线柱图类 饼图类 散点图类 其他常用图表 地图 媒体 文本 关系网络 素材 交互 其他
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式,系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 素材
初始值设置:开启时,在预览或分享时默认显示参数“初始化值”所指定的地区。 初始化值:可输入省、市或县的名称,或者输入地区编码。 数据 上图中的示例数据如下: [ { "name": "北京市", "adcode": "110000", "level":
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做
本章节主要介绍WT线图组件各配置项的含义。 样式 WT线图和线状图的样式配置相似,请参考样式配置WT线图的样式。 数据 WT线图和WT柱图的数据配置相似,请参考数据配置WT线图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 线状图类
约束与限制 使用DLV前,您需要认真阅读并了解以下使用限制: DLV支持的区域,请参见DLV产品价格详情中开放购买的区域。 DLV服务目前仅支持在PC端使用,其他终端平台不能保证兼容性。 建议使用支持的浏览器版本登录DLV。 Google Chrome:59及以上版本 DLV不支持CDM(CDM
准备工作 注册账号并实名认证 购买DLV套餐包 (可选)创建工作空间 授权IAM用户使用DLV
如何使用DLV 使用流程 快速搭建大屏(交互功能)
锁定组件 本章节介绍如何锁定和解锁画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“锁定”,或在图层区右键单击选中某一个组件,选择“锁定”。 图2 画布中锁定组件
删除组件 本章节介绍如何删除画布中的组件,删除后的组件将无法恢复,请谨慎操作。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“删除”,或在图层区右键单击选中某一个组件,选择“删除”
管理图层 开发大屏过程中,如果在画布中布局或嵌套多个组件时,图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一:选中图层列表中某一个组件,拖动组件至指定的图层。 图1 修改组件图层(方式一) 方式二:右键单击画布中的组件,选择置顶、置底、上移一层、下移一层。 图2
隐藏组件 本章节介绍如何隐藏和显示画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“隐藏”,或在图层区右键单击选中某一个组件,选择“隐藏”。 图2 画布中隐藏组件
请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:双轴线状图的数据格式包含3个字段: x:类目,对应横坐标x轴。该字段的数据类型需要与•x坐标配置项中的“数据类型”保持一致。 y:数据,对应纵坐标y1轴或y2轴。
布局:设置图例的布局样式,包括位置,左右间距,上下间距。 数据 如何使用组件的数据配置,请参照设置组件数据。 value:漏斗图中各层显示的值标签。 s:s字段为数据系列字段,数据将根据s字段的值进行分组。 新增数据系列:单击s字段后的,增加数据系列 配置数据系列: 单击数据系列前方的>,在展开的面板中配置该系列的指定样式。
在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。 图8 配置柱状图样式 切换到“数据”面板,配置柱状图数据。 选择数据源,并配置字段映射。如图9所示,组件关联到动态数据。 图9 关联动态数据 按下shift+$键,引用4定义好的交互变量${name}。 图10 引用交互变量 预览和发布大屏
图1 尺寸位置-玫瑰图 全局样式 字体:设置图表中文字的字体。 数据展示:单击下拉选项,设置组件的“数据展示”类型。可选择为半径、面积。 半径:只用半径的长短来显示数据的大小; 半径及圆心角:用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。
显示方式:浏览大屏时,全屏/退出全屏按钮的显示方式。“总是”是指按钮始终在大屏中显示;“鼠标移上”是指按钮默认隐藏,当鼠标移动至按钮所在位置时才显示。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 交互