跳到主要内容

轨道环形文字

大屏数据展示中，有需要文字旋转的，可以使用轨道环形文字组件

在线示例（模板演示）：https://api.jimureport.com/drag/share/view/1151069555267260416

一、效果展示​

二、配置步骤​

1. 添加组件​

文本->文本类->轨道环形文字

2. 轨道环形设置​

2.1 展示形式​

  • 图文模式：不开启图文模式时，只展示数据文字，不展示背景颜色或背景图

2.1 轨道参数​

属性值
轨道环是否显示轨道环线
轨道设置轨道大小，当轨道环显示时，才可设置
倾角设置轨道倾斜角度
速度设置轨道数据旋转速度，速度越大，旋转越快
深度设置轨道显示深度，深度越小，数据显示越清晰
顺时针可设置顺时针或逆时针选择，
宽度数据背景显示宽度
高度数据背景显示高度

2.3 文字样式​

  • 字号：14 px
  • 字体：默认
  • 字重：正常
  • 渐变：启用浙变（线性渐变）

2.4 中心点图片配置​

  • 图片：可自定义上传图片显示在中心位置，设置图片宽高等

2.5 个性化配置​

在个性化配置中，会将数据中的数据展示过来，我们可以对数据设置个性化效果

数据展示默认为颜色，如果想要个性化效果，可自定义上传设计好的为图片，将颜色设置为透明即可；如下图：

3. 数据格式​

[
  {
    "name": "经营发展",
    "value": 1
  },
  {
    "name": "全口径化债",
    "value": 2
  },
  {
    "name": "土地成本决算",
    "value": 3
  },
  {
    "name": "创新赋能",
    "value": 4
  },
  {
    "name": "重点项目",
    "value": 5
  },
  {
    "name": "培育增量",
    "value": 6
  }
]