多排3D柱状图示例JSON

{
  "title": {
    "text": "多排3D柱状图示例",
    "left": "center",
    "top": "5%",
    "textStyle": { "fontSize": "28", "fontWeight": "600" },
    "triggerEvent": true
  },
  "tooltip": {},
  "legend": {
    "right": "1%",
    "top": "center",
    "orient": "vertical",
    "triggerEvent": true,
    "textStyle": { "overflow": "break", "width": "76" },
    "data": [{ "name": "房间一" }, { "name": "房间二" }, { "name": "房间三" }]
  },
  "xAxis3D": {
		"nameGap": 40,
    "name": "负荷",
		"z": 200,
    "type": "category",
		"nameTextStyle": {
      "fontStyle": "normal",
      "fontWeight": "normal",
      "fontSize": 18,
      "color": "#000",
			"lineHeight": 80
    },
    "axisLine": {
			"interval": "auto",
      "show": true,
      "position": "bottom",
      "onZero": false,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1,"color":"#000" }
    },
    "axisTick": {
			"interval": "auto",
      "show": true,
      "inside": false,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1 }
    },
    "axisLabel": {
			"interval": "auto",
			"margin": 18,
      "show": true,
      "inside": false,
      "fontWeight": "normal",
      "fontSize": 15,
      "color": "#000",
			"lineHeight": 80
    },
    "splitLine": {
      "show": true,
			"interval": 0,
      "lineStyle": { "width": 1, "type": "dotted", "opacity": 1,"color":"#000" }
    }
  },
  "yAxis3D": {
		"nameGap": 40,
    "type": "category",
    "name": "区域",
		 "nameTextStyle": {
      "fontStyle": "normal",
      "fontWeight": "normal",
      "fontSize": 18,
      "color": "#000",
			"lineHeight": 80
    },
    "axisLine": {
			"interval": "auto",
      "show": true,
      "position": "bottom",
      "onZero": false,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1,"color":"#000" }
    },
    "axisTick": {
			"interval": "auto",
      "show": true,
      "inside": false,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1 }
    },
    "axisLabel": {
			"interval": "auto",
			"margin": 18,
      "show": true,
      "inside": false,
      "fontWeight": "normal",
      "fontSize": 15,
			"color": "#000",
			"lineHeight": 80
    },
    "splitLine": {
      "show": true,
			"interval": "auto",
      "lineStyle": { "width": 1, "type": "dotted", "opacity": 1,"color":"#000" }
    }
  },
  "zAxis3D": {
		"nameGap": 30,
    "name": "负荷 (kw·h)",
		 "nameTextStyle": {
      "fontStyle": "normal",
      "fontWeight": "normal",
           "fontSize": 18,
      "color": "#000",
			"lineHeight": 80
    },
    "axisLine": {
      "show": true,
      "position": "bottom",
      "onZero": false,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1,"color":"#000" }
    },
    "axisTick": {
      "show": true,
      "inside": false,
      "length": 5,
      "lineStyle": { "width": 1, "type": "solid", "opacity": 1 }
    },
    "axisLabel": {
			"margin": 10,
      "show": true,
      "inside": false,
      "fontWeight": "normal",
      "fontSize": 15,
			"color": "#000",
			"lineHeight": 80
    },
    "splitLine": {
      "show": true,
      "lineStyle": { "width": 1, "type": "dotted", "opacity": 1,"color":"#000" }
    }
  },
  "grid3D": { 
    "viewControl": {
      "distance": 240
    }
	},
  "dataset": [
    {
      "source": [
        ["空调", "房间1", 116],
        ["热水器", "房间1", 117],
        ["锅炉", "房间1", 118],
        ["照明", "房间1", 119],
        ["电梯", "房间1", 120],
        ["水泵", "房间1", 121],
        ["其他负荷", "房间1", 122]
      ]
    },
    {
      "source": [
        ["空调", "房间2", 96],
        ["热水器", "房间2", 97],
        ["锅炉", "房间2", 98],
        ["照明", "房间2", 99],
        ["电梯", "房间2", 100],
        ["水泵", "房间2", 101],
        ["其他负荷", "房间2", 102]
      ]
    },
    {
      "source": [
        ["空调", "房间3", 97],
        ["热水器", "房间3", 98],
        ["锅炉", "房间3", 99],
        ["照明", "房间3", 100],
        ["电梯", "房间3", 101],
        ["水泵", "房间3", 102],
        ["其他负荷", "房间3", 103]
      ]
    }
  ],
  "series": [
    {
      "name": "房间一",
      "type": "bar3D",
      "bevelSize": 0.1,
      "shading": "realistic",
			"datasetIndex": 0,
			"barSize": [5, 5],
      "label": { "fontSize": 16, "borderWidth": 1 },
      "emphasis": { "label": { "fontSize": 20 } }
    },
    {
      "name": "房间二",
      "type": "bar3D",
      "bevelSize": 0.1,
      "shading": "realistic",
      "datasetIndex": 1,
			"barSize": [5, 5],
      "label": { "fontSize": 16, "borderWidth": 1 },
      "emphasis": { "label": { "fontSize": 20 } }
    },
    {
      "name": "房间三",
      "type": "bar3D",
      "bevelSize": 0.1,
      "shading": "realistic",
      "datasetIndex": 2,
			"barSize": [5, 5],
      "label": { "fontSize": 16, "borderWidth": 1 },
      "emphasis": { "label": { "fontSize": 20 } }
    }
  ]
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值