跳到主要内容

柱形图

配置步骤如下:

1、添加柱形图

点击“”图标,再点击“柱形图”,即可创建新的图像;

图2.11

2、样式配置

(1)位置设置

想达到图2.14中图表的效果,可如下设置:

选中该柱形图组件,在操作界面右侧,打开“竖展示”开关,就可实现,操作步骤如下图。

图2.15

(2)柱体设置

选中该柱形图组件,在操作界面右侧的“柱体设置”处可修改设置组件的外观特点,如图2.16。

  • 最大宽度:柱体的最大宽度,可以调节改变柱体的宽度;
  • 圆角:柱体4个角的弧度;
  • 最小高度:柱体最小不能低于的高度;

3、数据格式

(1)数据格式示例一

{
"categories": [
"苹果",
"三星",
"小米",
"oppo",
"vivo"
],
"series": [
{
"name": "手机品牌",
"data": [
1000879,
3400879,
2300879,
5400879,
3400879
]
}
]
}

(2)数据格式示例二(新)

[
{
"name": "苹果",
"value": 1000879,
"type": "手机品牌"
},
{
"name": "三星",
"value": 3400879,
"type": "手机品牌"
},
{
"name": "小米",
"value": 2300879,
"type": "手机品牌"
},
{
"name": "oppo",
"value": 5400879,
"type": "手机品牌"
},
{
"name": "vivo",
"value": 3400879,
"type": "手机品牌"
}
]