[]
        
在线Demo 免费试用
(Showing Draft Content)

基础形状

功能概述

基础形状包括矩形,圆形,心形,圆柱,星形,三角形,椭圆形,正多边形,左、右、上、下的箭头形状。

image

1. 添加形状

在左侧的工具栏上,选择需要的形状,直接拖到设计器上。

2. 基本设定

每个形状都包含了丰富的设置属性来控制图形外观,以矩形为例:

image

属性

描述

圆角半径

矩形图形特有的属性,用来指定圆角半径

背景色

整个图形的背景色,所有基础形状都支持

背景图

整个图形的背景图片,所有基础形状都支持

背景渐变

整个图形的渐变色背景,所有基础形状都支持

image

边框颜色

形状的边框颜色,所有基础形状都支持

边框宽度

形状的边框宽度

边框线型

形状的边框线型,支持实线和虚线

虚线间隔

边框线型为虚线时,定义间隔的大小

image

显示阴影

是否显示阴影

不透明度

设定图形的不透明度

水平翻转

水平方向翻转图形

垂直翻转

垂直方向翻转图形

3. 动画效果

基础形状支持了多种内置动画,包括闪烁,发光,流动,呼吸。

动画

示例

闪烁

shanshuo

发光

faguang

流动

流动

呼吸

呼吸

4. 数据绑定

基础形状的数据绑定上没有分类,只有单值的绑定,用户可以绑定很多个单值到组件上,来显示数据或者用户条件格式化。

4.1 添加数据绑定

选择目标数据集或者数据模型,直接拖拽字段到组件绑定区域,设定聚合方法。

image

4.2 显示绑定数据

打开组件的文本标签,在显示内容中插入绑定内容:

image

点击插入字段按钮,在列表中选择绑定字段,就可以把绑定内容显示在文本区域。

image

在文本的编辑框中可以输入其他的描述性字符使得显示内容更加的易读。

同时支持显示文本的字体设定,位置设定:

image

5. 条件格式化

条件格式化的字段来自于数据绑定:

image

数字类型和文本类型的字段具有不同的比较方法,与基础图表一致。


基础图形的条件格式化支持的样式属性包含三部分:基础样式,动画效果,文本标签。

样式

描述

基础样式

image

动画效果

image

文本标签

image