| | |
| | | fontSize:12 |
| | | }, |
| | | orient:'vertical', |
| | | data:['图例1','图例2','图例3','图例4','图例5'] |
| | | data:['未鸣笛','未手比','未呼唤','未应答','未检查'] |
| | | }, |
| | | calculable : true, |
| | | series : [ |
| | |
| | | }, |
| | | |
| | | data:[ |
| | | {value:10, name:'图例1'}, |
| | | {value:5, name:'图例2'}, |
| | | {value:15, name:'图例3'}, |
| | | {value:25, name:'图例4'}, |
| | | {value:20, name:'图例5'}, |
| | | {value:10, name:'未鸣笛'}, |
| | | {value:5, name:'未手比'}, |
| | | {value:15, name:'未呼唤'}, |
| | | {value:25, name:'未应答'}, |
| | | {value:20, name:'未检查'}, |
| | | |
| | | ] |
| | | }, |
| | |
| | | legend: { |
| | | |
| | | top:'15%', |
| | | data: ['图例1', '图例2', '图例3', '图例4', '图例5'], |
| | | data: ['防护地段', '进出站', '过分相', '会车', '临时慢行'], |
| | | icon: 'circle', |
| | | textStyle: { |
| | | color: 'rgba(255,255,255,.6)', |
| | |
| | | } |
| | | }, |
| | | data: [ |
| | | {value: 1,name: '图例1',}, |
| | | {value: 4,name: '图例2',}, |
| | | {value: 5,name: '图例3',}, |
| | | {value: 6,name: '图例4',}, |
| | | {value: 9,name: '图例5',}, |
| | | {value: 1,name: '防护地段',}, |
| | | {value: 4,name: '进出站',}, |
| | | {value: 5,name: '过分相',}, |
| | | {value: 6,name: '会车',}, |
| | | {value: 9,name: '临时慢行',}, |
| | | |
| | | |
| | | |
| | |
| | | legend: { |
| | | |
| | | //icon: 'vertical', |
| | | data: ['销售额', '利润'], |
| | | data: ['有异常', '无异常'], |
| | | //align: 'center', |
| | | // right: '35%', |
| | | top:'0', |
| | |
| | | } |
| | | }], |
| | | series: [{ |
| | | name: '销售额', |
| | | name: '有异常', |
| | | type: 'line', |
| | | smooth: true, |
| | | symbol: 'circle', |
| | |
| | | }, |
| | | data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122] |
| | | }, { |
| | | name: '利润', |
| | | name: '无异常', |
| | | type: 'line', |
| | | smooth: true, |
| | | symbol: 'circle', |
| | |
| | | "legend": { |
| | | |
| | | "data": [ |
| | | {"name": "图例1"}, |
| | | {"name": "图例2"}, |
| | | {"name": "完成率"} |
| | | {"name": "完成率"}, |
| | | ], |
| | | "top": "0%", |
| | | "textStyle": { |
| | |
| | | "yAxis": [ |
| | | { |
| | | "type": "value", |
| | | "name": "金额", |
| | | "name": "", |
| | | "min": 0, |
| | | "max": 50, |
| | | "interval": 10, |
| | |
| | | }, |
| | | { |
| | | "type": "value", |
| | | "name": "完成率", |
| | | "name": "", |
| | | "show": true, |
| | | "axisLabel": { |
| | | "show": true, |
| | |
| | | }, |
| | | "series": [ |
| | | { |
| | | "name": "图例1", |
| | | "name": "", |
| | | |
| | | "type": "bar", |
| | | "data": [4,6,36,6,8,6,4,6,30,6,8,12], |
| | | "data": [], |
| | | "barWidth": "auto", |
| | | "itemStyle": { |
| | | "normal": { |
| | |
| | | } |
| | | }, |
| | | { |
| | | "name": "图例2", |
| | | "name": "", |
| | | "type": "bar", |
| | | "data": [ |
| | | 4,2,34,6,8,6,4,2,32,6,8,18 |
| | | |
| | | ], |
| | | "barWidth": "auto", |
| | | |
| | |
| | | "barGap": "0" |
| | | }, |
| | | { |
| | | "name": "完成率", |
| | | "name": "", |
| | | "type": "line", |
| | | "yAxisIndex": 1, |
| | | |
| | | "data": [100,50,80,30,90,40, 70,33,100,40,80,20], |
| | | "data": [4,6,36,6,8,6,4,6,30,6,8,12], |
| | | lineStyle: { |
| | | normal: { |
| | | width: 2 |
| | |
| | | }, |
| | | grid: { |
| | | top: '0%', |
| | | left: '65', |
| | | left: '85', |
| | | right: '14%', |
| | | bottom: '0%', |
| | | }, |
| | |
| | | } |
| | | }, |
| | | yAxis: { |
| | | data: ['字段名称', '字段名称', '字段名称','字段名称','字段名称','字段名称','字段名称','字段名称','字段名称','字段名称','字段名称'], |
| | | data: ['机辆分公司', '中铁一局', '中铁三局','中铁四局','中铁十五局','京铁机务','路华机务','中铁十六局','南环机务'], |
| | | //offset: 15, |
| | | axisTick: { |
| | | show: false |
| | |
| | | }, |
| | | axisLabel: { |
| | | color: 'rgba(255,255,255,.6)', |
| | | fontSize: 14 |
| | | fontSize: 14, |
| | | width: 200, |
| | | margin: 8 |
| | | } |
| | | }, |
| | | series: [{ |
| | |
| | | function zb1() { |
| | | // 基于准备好的dom,初始化echarts实例 |
| | | var myChart = echarts.init(document.getElementById('zb1')); |
| | | var v1=298//男消费 |
| | | var v2=523//女消费 |
| | | var v1=2//男消费 |
| | | var v2=12//女消费 |
| | | var v3=v1+v2//总消费 |
| | | option = { |
| | | series: [{ |
| | |
| | | function zb2() { |
| | | // 基于准备好的dom,初始化echarts实例 |
| | | var myChart = echarts.init(document.getElementById('zb2')); |
| | | var v1=298//男消费 |
| | | var v2=523//女消费 |
| | | var v1=735//男消费 |
| | | var v2=6//女消费 |
| | | var v3=v1+v2//总消费 |
| | | option = { |
| | | |
| | |
| | | function zb3() { |
| | | // 基于准备好的dom,初始化echarts实例 |
| | | var myChart = echarts.init(document.getElementById('zb3')); |
| | | var v1=298//男消费 |
| | | var v2=523//女消费 |
| | | var v1=3//男消费 |
| | | var v2=245//女消费 |
| | | var v3=v1+v2//总消费 |
| | | option = { |
| | | series: [{ |