跳到主要内容

3d图表

3d图表：3D图表是一种以三维形式展示数据的图形工具。与传统的二维图表（如柱状图等）相比，3D图表能够在一个立体空间中呈现数据；下面为3D图表的使用指南

一、3d柱形图​

1、效果展示​

2、添加3d柱形图​

3、样式配置​

  • 3.1 通用样式配置：(通用配置)
  • 3.2 柱体配置：针对阴影以外的柱体配置
    • 顶部颜色：柱体最上方的颜色设置
    • 底部颜色：柱体最下方的颜色设置
    • 柱体颜色：柱体中间部分的颜色设置

  • 阴影配置：针对柱体阴影部分的配置

    • 顶部颜色：阴影部分顶部的颜色
    • 阴影颜色：阴影部分的颜色

4、数据格式​

[
  {
    "name": "苹果",
    "type": "手机品牌",
    "value": 1000
  },
  {
    "name": "三星",
    "type": "手机品牌",
    "value": 5400
  },
  {
    "name": "小米",
    "type": "手机品牌",
    "value": 8000
  },
  {
    "name": "oppo",
    "type": "手机品牌",
    "value": 4000
  },
  {
    "name": "vivo",
    "type": "手机品牌",
    "value": 10000
  }
]

二、3d分组柱形图​

1、效果展示​

2、添加3d柱形图​

3、样式配置​

  • 3.1 通用样式配置：(通用配置)

  • 3.2 柱体配置：针对阴影以外的柱体配置

    • 顶部颜色：柱体最上方的颜色设置
    • 底部颜色：柱体最下方的颜色设置
    • 柱体颜色：柱体中间部分的颜色设置

  • 阴影配置：针对柱体阴影部分的配置

    • 顶部颜色：阴影部分顶部的颜色
    • 阴影颜色：阴影部分的颜色

4、数据格式​

[
  {
    "name": "1991销量",
    "value": 13000,
    "type": "小米"
  },
  {
    "name": "1992销量",
    "value": 12000,
    "type": "小米"
  },
  {
    "name": "1993销量",
    "value": 18000,
    "type": "小米"
  },
  {
    "name": "1991销量",
    "value": 10000,
    "type": "苹果"
  },
  {
    "name": "1992销量",
    "value": 11000,
    "type": "苹果"
  },
  {
    "name": "1993销量",
    "value": 23000,
    "type": "苹果"
  },
  {
    "name": "1991销量",
    "value": 3300,
    "type": "三星"
  },
  {
    "name": "1992销量",
    "value": 33000,
    "type": "三星"
  },
  {
    "name": "1993销量",
    "value": 18000,
    "type": "三星"
  },
  {
    "name": "1991销量",
    "value": 3500,
    "type": "华为"
  },
  {
    "name": "1992销量",
    "value": 35000,
    "type": "华为"
  },
  {
    "name": "1993销量",
    "value": 45000,
    "type": "华为"
  }
]