跳到主要内容

折柱图

配置步骤如下:

1、添加漏斗图

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

图2.131

2、样式配置

(1)折线设置

选中该折柱图组件,在操作界面右侧的“折线设置”处可修改设置组件折线样式,如图2.133。

  • 标记点:设置折线图上是否有标记点,默认有标记点;(关闭标记点开关,效果图如图2.1331;打开标记点开关,效果图如图2.1332)
  • 平滑曲面开关:设置折线图是平滑曲面还是折线,默认是平滑曲面;(关闭平滑曲面开关,效果图如图2.91333;打开平滑曲面开关,如图2.1334)
  • 线条宽度:设置线条的宽度;

图2.133

(3)柱体设置

选中该折柱图组件,在操作界面右侧的“柱体设置”处可修改设置组件柱体样式,如图2.134。

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

图2.134

2、数据格式

数据格式示例

[
{
"name": "1月",
"value": 2,
"series": "蒸发量",
"type": "bar"
},
{
"name": "2月",
"value": 4.9,
"series": "蒸发量",
"type": "bar"
},
{
"name": "3月",
"value": 7,
"series": "蒸发量",
"type": "bar"
},
{
"name": "4月",
"value": 23.2,
"series": "蒸发量",
"type": "bar"
},
{
"name": "5月",
"value": 25.6,
"series": "蒸发量",
"type": "bar"
},
{
"name": "6月",
"value": 76.7,
"series": "蒸发量",
"type": "bar"
},
{
"name": "7月",
"value": 135.6,
"series": "蒸发量",
"type": "bar"
},
{
"name": "8月",
"value": 162.2,
"series": "蒸发量",
"type": "bar"
},
{
"name": "9月",
"value": 32.6,
"series": "蒸发量",
"type": "bar"
},
{
"name": "10月",
"value": 20,
"series": "蒸发量",
"type": "bar"
},
{
"name": "11月",
"value": 6.4,
"series": "蒸发量",
"type": "bar"
},
{
"name": "12月",
"value": 3.3,
"series": "蒸发量",
"type": "bar"
},
{
"name": "1月",
"value": 2.6,
"series": "降水量",
"type": "bar"
},
{
"name": "2月",
"value": 5.9,
"series": "降水量",
"type": "bar"
},
{
"name": "3月",
"value": 9,
"series": "降水量",
"type": "bar"
},
{
"name": "4月",
"value": 26.4,
"series": "降水量",
"type": "bar"
},
{
"name": "5月",
"value": 28.7,
"series": "降水量",
"type": "bar"
},
{
"name": "6月",
"value": 70.7,
"series": "降水量",
"type": "bar"
},
{
"name": "7月",
"value": 175.6,
"series": "降水量",
"type": "bar"
},
{
"name": "8月",
"value": 182.2,
"series": "降水量",
"type": "bar"
},
{
"name": "9月",
"value": 48.7,
"series": "降水量",
"type": "bar"
},
{
"name": "10月",
"value": 18.8,
"series": "降水量",
"type": "bar"
},
{
"name": "11月",
"value": 6,
"series": "降水量",
"type": "bar"
},
{
"name": "12月",
"value": 2.3,
"series": "降水量",
"type": "bar"
},
{
"name": "1月",
"value": 2,
"series": "平均温度",
"type": "line"
},
{
"name": "2月",
"value": 2.2,
"series": "平均温度",
"type": "line"
},
{
"name": "3月",
"value": 3.3,
"series": "平均温度",
"type": "line"
},
{
"name": "4月",
"value": 4.5,
"series": "平均温度",
"type": "line"
},
{
"name": "5月",
"value": 6.3,
"series": "平均温度",
"type": "line"
},
{
"name": "6月",
"value": 10.2,
"series": "平均温度",
"type": "line"
},
{
"name": "7月",
"value": 20.3,
"series": "平均温度",
"type": "line"
},
{
"name": "8月",
"value": 23.4,
"series": "平均温度",
"type": "line"
},
{
"name": "9月",
"value": 23,
"series": "平均温度",
"type": "line"
},
{
"name": "10月",
"value": 16.5,
"series": "平均温度",
"type": "line"
},
{
"name": "11月",
"value": 12,
"series": "平均温度",
"type": "line"
},
{
"name": "12月",
"value": 6.2,
"series": "平均温度",
"type": "line"
}
]