Toggle navigation
隧道内人员情况
By
r***e
2017-12-20 08:02:49
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var legends = [{name:"二衬", value:6},{name:"初衬", value:3},{name : "爆破", value:9}, {name : "支护", value:1}]; option = { title: { x:20, text: '隧道内人员情况' }, tooltip: {}, grid:[ { left: '15%', right: '4%', top: '10%', width: 100, bottom: '45%', height: 300, //设置grid高度 containLabel: true } ,{ left: '15%', right: '4%', top: '50%', bottom: 0, width: 100, height: 300, //设置grid高度 containLabel: true }], legend: { orient: 'vertical', // 'vertical' x:20, y: 50, formatter:function(name){ for(var i in legends){ if(legends[i].name == name){ return name + "(" + legends[i].value + ")"; } } return name; }, //itemGap : document.getElementById('main').offsetWidth / 8, data:legends }, xAxis: [{ gridIndex:0, type: 'value', axisLabel: { show: false }, axisTick: { show: false }, axisLine: { show: false }, splitLine: { show: false } },{ gridIndex:1, type: 'value', axisLabel: { show: false }, axisTick: { show: false }, axisLine: { show: false }, splitLine: { show: false } }], yAxis: [{ gridIndex:0, type: 'category', boundaryGap: true, axisTick: { length: 50, show: true }, axisLabel: { interval: null }, data: [ '-'], splitLine: { show: false } },{ gridIndex:0, name: ' 左线(27) 时长', nameLocation: 'start', nameTextStyle: { fontWeight: 'bold' }, position: 'left', offset: 80, axisLine: { onZero: false, show: false }, axisTick: { length: 170, inside: true, lineStyle: {color: '#ccc'} }, axisLabel: { inside: true }, inverse: true, data: [''] }, { gridIndex:1, type: 'category', boundaryGap: true, axisTick: { length: 100, show: true }, axisLabel: { interval: null }, data: [ ''], splitLine: { show: false } }, { gridIndex:1, name: ' 右线(27) 时长', nameLocation: 'start', nameTextStyle: { fontWeight: 'bold' }, position: 'left', offset: 80, axisLine: { onZero: false, show: false }, axisTick: { length: 170, inside: true, lineStyle: {color: '#ccc'} }, axisLabel: { inside: true }, inverse: true, data: [''] }], series: [ { type: 'bar', name: '爆破', data:[ 78], barWidth: 18,//固定柱子宽度 tooltip : { trigger: 'item', backgroundColor: 'black', formatter: "姓名：小吴 <br/>工种：{a}<br/>时长：{c}分" }, itemStyle:{ normal: { label: { formatter:function(params){ if(params.value=="-"){ return ''; }else { return params.value; } } } } }, label: { normal: { show: true, position: 'left', distance:-50, textStyle: {color: '#000'}, formatter: '小吴 {c}分钟', } } } , { type: 'bar', name: '爆破', data:[ 80], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '张三', } } } , { type: 'bar', name: '爆破', data:[ 60], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小武', } } } , { type: 'bar', name: '爆破', data:[ 10], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李工', } } } , { type: 'bar', name: '爆破', data:[ 18], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小花', } } } , { type: 'bar', name: '爆破', data:[ 57], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小王', } } } , { type: 'bar', name: '爆破', data:[ 60], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小徐', } } } , { type: 'bar', name: '爆破', data:[ 47], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '琦琦', } } } , { type: 'bar', name: '爆破', barWidth: 18,//固定柱子宽度 data:[ 26], label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '昊昊', } } } , { type: 'bar', name: '支护', data:[41], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '菜菜', } } } , { type: 'bar', name: '初衬', data:[56], barWidth: 18,//固定柱子宽度 label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小明', } } } ,{ type: 'bar', name: '初衬', data:[46], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '小伙子', } } },{ type: 'bar', name: '初衬', data:[20], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '范工', } } },{ type: 'bar', name: '二衬', data:[170], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '测分', } } },{ type: 'bar', name: '二衬', data:[30], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李智', } } },{ type: 'bar', name: '二衬', data:[30], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李智', } } },{ type: 'bar', name: '二衬', data:[30], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李智', } } },{ type: 'bar', name: '二衬', data:[30], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李智', } } },{ type: 'bar', name: '二衬', data:[30], barWidth: 18,//固定柱子宽度 xAxisIndex: 1, yAxisIndex: 2, label: { normal: { show: true, position: 'left', textStyle: {color: '#000'}, formatter: '李智', } } } ] };
