html5制作动画线-html5制作动画线文档介绍内容-阿里云

环境光层

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

边框

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

装饰

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

色块

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

大气层

大气层缩放：大气层光圈的大小，范围为1.5~2。数据源面板此组件不需要配置数据。高级面板此组件没有交互事件。蓝图交互单击页面左上角的图标，进入蓝图页面。在图层节点页签下，添加当前组件至主画布中。查看蓝图配置参数。事件：...

平行光层

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

球体层

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

全屏切换

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

自定义背景块

说明您也可以调整该组件的宽度并拉长，作为线使用。数据源面板此组件不需要配置数据。高级面板此组件没有关联全局变量事件。蓝图交互单击页面左上角的图标，进入蓝图页面。在图层节点页签下，添加当前组件至主画布中。查看蓝图...

地球容器

地球容器是3D地球中用于承载地图本身和各子组件的容器，支持添加球体层、大气层、飞线层等子组件，支持配置地图的渲染模式、背景、视点位置等，能够以3D立体的形式，多角度、多形式地渲染全世界地理位置的实时数据。本文介绍3D地球容器各...

热力线层

本文介绍热力线层各配置项的含义。图表样式热力线层是3D地球的子组件，支持独立的样式和数据配置，包括线的长宽、渐变速度和颜色以及经纬度等，适用于绘制地理位置上的线条元素。样式面板搜索配置：单击样式面板右上角的搜索配置项图标...

飞线层

本文介绍飞线层各配置项的含义。图表样式飞线层是3D地球的子组件，支持独立的样式和数据配置，包括飞线的半径、弧度、类型以及起始点经纬度等，适用于OD数据的线型表达，通常表示两地之间的关联，如物流、交易等。样式面板搜索配置：单击...

弧线层

图表样式弧线层是3D地球的子组件，支持独立的样式配置，包括飞线的样式和图标样式等。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的配置项名称，快速定位到该配置项，系统支持模糊匹配。...

箭头标绘

动画方向线条的动画走向，可选，包括向左和向右。虚线速度虚线的运动速度，取值范围在0~300之间，取值越大，速度越快。填充颜色线条的填充颜色，请参见颜色选择器说明进行修改。箭头样式：箭头标绘中箭头的样式。参数说明显示左...

跑马灯

图表样式跑马灯是文字组件的一种，支持自定义文本的内容、颜色、动画效果等，能够将组件中的溢出文本以跑马灯动画的形式展示在可视化应用中。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索...

关系网络

图表样式关系网络是以点线的形式表现事物之间关系的组件，支持自定义点、线和标签的样式，支持多系列的节点配置，能够以点线的形式在数据看板中展示复杂的网络关系。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索...

标注对比饼图

图表样式标注对比饼图是饼图的一种，与基本饼图相比，标注对比饼图支持真实值和百分比值的切换、多系列数据配置以及标签、图例、动画等配置，适用于比较平面化的数据占比情况展示。样式面板搜索配置：单击样式面板右上角的搜索配置项...

轮播列表柱状图

图表样式轮播列表柱状图是表格组件的一种，支持根据数值大小映射柱子的长度，支持以跑马灯动画的形式展示溢出文本，能够以轮播列表柱图的形式在可视化应用中直观地展示多行、多页的文本内容。样式面板搜索配置：单击样式面板右上角的...

装饰条

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

路网轨迹层

图表样式路网轨迹层是3D地球的子组件，支持独立的样式和数据配置，包括轨迹线的长宽、运动速度、颜色以及轨迹点经纬度等，适用于模拟地理位置两点或多点之间的运动行为轨迹。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可...

二维码

边框样式：二维码组件边框的样式，包括边框的线类型、边框的圆角角度、线的宽度值和线颜色。LOGO：二维码中间的LOGO图标样式，可单击图标控制LOGO图标样式的显隐。参数说明图片链接 LOGO所显示的图片。如果您需要使用远程服务器上的图片...

图标

边框类型背景边框的类型，可选实线、虚线和点线。边框颜色背景边框的颜色，请参见颜色选择器说明进行修改。旋转动画：打开开关，图标开启绕中心点顺时针旋转的动画样式；关闭开关，图标无法旋转。超链接配置：点击图标区域可跳转至...

键值表格

边框线表格外侧边框线的样式。线条粗细：边框线的粗细。线条颜色：边框线的颜色，请参见颜色选择器进行修改。文本样式表格中所有文本的字体系列，默认为微软雅黑。单元格：单元格的间距值。参数说明左右间距单元格中的文本与单元格...

指标对比饼图

动画：饼图的动画效果样式，可单击图标控制动画效果的开启或关闭。初始动画时长：组件第一次渲染动画的时长，单位为ms。缓动效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。更新动画时长：组件数据更新时的动画时长，...

抽奖轮播图

边框：设置抽中区域的边框样式，包括边框线的线类型、线的粗细和线的颜色。未抽中设置未抽中奖品时的样式。标识：设置未抽中奖品时的标识数值。名字：自定义设置未抽中时的展示名称。图片：自定义设置未抽中奖品时的图片。如果您需要使用...

流程图

图表样式流程图是以节点和线的形式表现事物之间关系的组件，支持自定义节点和连接线的样式，能够以节点和线的形式在可视化应用中展示复杂的流程关系。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您...

双11气泡图

动画方式气泡动画播放的方式，系统提供常见的动画播放方式供您选择，例如缓进缓出。间隔气泡之间的距离，单位为px。系数气泡图的大小比例，为1时表示显示为原始大小。水平位移气泡图相对于组件中心在水平方向的位移距离，单位为px。...

多维度饼图

参数说明动画设置缓动效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。各系列依次动画：打开开关，各系列扇形依次按顺序播放动画；关闭开关，全部扇形同时播放动画。从零度开始：打开开关，组件第一次渲染动画时，从...

轨迹层

图表样式轨迹层是3D地球的子组件，支持独立的样式和数据配置，能够通过轨迹线来展示两个或多个地理位置之间的过渡效果，从而模拟运动轨迹。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的...

萤石云播放器

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

气泡卡片

分割线：设置标题的分割线样式，包括分割线的线类型、线的宽度值和线的颜色。内容气泡卡片中内容部分的样式，可单击图标控制内容的显隐。自定义高度：自定义设置内容的高度值，单位px。背景颜色：设置内容部分的背景颜色。水平对齐：...

时间器

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

标志墙

图表样式标志墙是素材组件的一种，支持自定义标志的背景颜色、动画效果、显示图标等，能够以标志墙的形式在数据看板中展示多种标志图标。样式面板搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的...

目标占比饼图

动画：组件的动画效果样式，可单击图标控制动画效果的开启或关闭。参数说明初始动画时长组件第一次渲染动画的时长，单位为ms。缓动效果动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。更新动画时长组件数据更新时的动画时...

带图饼图

参数说明动画设置缓动效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。各系列依次动画：打开开关，各系列扇形依次按顺序播放动画；关闭开关，全部扇形同时播放动画。从零度开始：开启后，组件第一次渲染动画时，从零度...

音频

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 更新组件配置动态更新组件的样式配置。需要先在组件的样式面板中，单击复制配置到剪贴板，...

od飞线层（v3.x版本）

参数说明飞线样式单击飞线样式左侧的图标，可控制该条件下的飞线的线类型，飞线粗细、飞线的颜色、飞线的长度、飞线的弧度和飞线边缘模糊的显隐。线头样式单击线头样式左侧的图标，可控制该条件下的飞线线头样式的显隐，包括线头...

RTMP视频流播放器

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

iframe

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 更新组件配置动态更新组件的样式配置。需要先在组件的样式面板中，单击复制配置到剪贴板，...

开关

{"animationType":"",/动画方式，可选值：fade，不填无动画。animationDuration":1000,/动画延迟，单位ms。animationEasing":""/动画曲线 } 隐藏隐藏组件，参考数据示例。{"animationType":"",/动画方式，可选值：fade，不填无动画。...

html5制作动画线

新品推荐