{
"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 } }
}
]
}
多排3D柱状图示例JSON
最新推荐文章于 2024-10-28 23:40:10 发布