| | |
|---|
| | | landMyChart.setOption(this.initLandOptions(xDate, y1Date, y2Date), true) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // initLandEcharts (type) { |
|---|
| | | // var chartDom = document.getElementById('LandEcharts') |
|---|
| | | // var myChart = this.$echarts.init(chartDom) |
|---|
| | | // var xDate = [] |
|---|
| | | // var y1Date = [] |
|---|
| | | // var y2Date = [] |
|---|
| | | // var xDate0 = ['商业房屋', '居民住宅', '公共用房', '文化场所', '政府建筑'] |
|---|
| | | // var y1Date0 = [88188, 1222211, 464104, 43201, 12302] |
|---|
| | | // var y2Date0 = [{ 'value': 1222211, 'realValue': 88188 }, { 'value': 1222211, 'realValue': 1222211 }, { 'value': 1222211, 'realValue': 464104 }, { 'value': 1222211, 'realValue': 43201 }, { 'value': 1222211, 'realValue': 12302 }] |
|---|
| | | // var xDate1 = ['公共场所', '学校教培', '机动车维修', '娱乐场所', '寄递业'] |
|---|
| | | // var y1Date1 = [54, 77, 97, 141, 191] |
|---|
| | | // var y2Date1 = [{ 'value': 191, 'realValue': 54 }, { 'value': 191, 'realValue': 77 }, { 'value': 191, 'realValue': 97 }, { 'value': 191, 'realValue': 141 }, { 'value': 191, 'realValue': 191 }] |
|---|
| | | // if (type == 0) { |
|---|
| | | // xDate = xDate0 |
|---|
| | | // y1Date = y1Date0 |
|---|
| | | // y2Date = y2Date0 |
|---|
| | | // } else { |
|---|
| | | // xDate = xDate1 |
|---|
| | | // y1Date = y1Date1 |
|---|
| | | // y2Date = y2Date1 |
|---|
| | | // } |
|---|
| | | // var option |
|---|
| | | |
|---|
| | | // option = { |
|---|
| | | // color: ['#2967c4', '#112d54'], |
|---|
| | | // xAxis: { |
|---|
| | | // type: 'value', |
|---|
| | | // splitLine: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | // axisLine: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | // axisLabel: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | // axisTick: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | |
|---|
| | | // }, |
|---|
| | | // yAxis: { |
|---|
| | | // type: 'category', |
|---|
| | | // data: xDate, |
|---|
| | | // axisLine: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | // axisLabel: { |
|---|
| | | // color: "#fff" |
|---|
| | | // }, |
|---|
| | | // axisTick: { |
|---|
| | | // show: false |
|---|
| | | // }, |
|---|
| | | // }, |
|---|
| | | // series: [ |
|---|
| | | // { |
|---|
| | | // data: y1Date, |
|---|
| | | // type: 'bar', |
|---|
| | | // zlevel: 2, |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // data: y2Date, |
|---|
| | | // type: 'bar', |
|---|
| | | // barGap: '-100%', |
|---|
| | | // label: { |
|---|
| | | // show: true, |
|---|
| | | // color: '#fff', |
|---|
| | | // position: 'right', // 标签右对齐 |
|---|
| | | // distance: 0,// 标签距离柱条的距离 |
|---|
| | | // formatter: params => { |
|---|
| | | // return params.data.realValue + '个' |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // ], |
|---|
| | | // grid: { |
|---|
| | | // x: 70, |
|---|
| | | // y: 10, |
|---|
| | | // x2: 10, |
|---|
| | | // y2: 20 |
|---|
| | | // }, |
|---|
| | | // } |
|---|
| | | |
|---|
| | | // option && myChart.setOption(option) |
|---|
| | | // }, |
|---|
| | | |
|---|
| | | initEquipmentEcharts () { |
|---|
| | | var chartDom = document.getElementById('EquipmentEcharts') |
|---|
| | | var myChart = this.$echarts.init(chartDom) |
|---|
