|
@@ -162,7 +162,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
grid: {
|
|
grid: {
|
|
|
- left: 0,
|
|
|
|
|
|
|
+ left: '10%',
|
|
|
right: 0,
|
|
right: 0,
|
|
|
bottom: 20,
|
|
bottom: 20,
|
|
|
top: 30,
|
|
top: 30,
|
|
@@ -191,35 +191,35 @@ export default {
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
yAxis: [
|
|
yAxis: [
|
|
|
- {
|
|
|
|
|
- min: 0,
|
|
|
|
|
- max: 20,
|
|
|
|
|
- interval: 5,
|
|
|
|
|
- type: 'value',
|
|
|
|
|
- name: '用地面积(km2)',
|
|
|
|
|
- axisLine: {
|
|
|
|
|
- show: false,
|
|
|
|
|
- lineStyle: {
|
|
|
|
|
- color: '#BCD3E5'
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- splitLine: {
|
|
|
|
|
- show: false,
|
|
|
|
|
- lineStyle: {
|
|
|
|
|
- type: "dashed",
|
|
|
|
|
- color: "rgba(255,255,255,0.1)"
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
- axisTick: {
|
|
|
|
|
- show: false
|
|
|
|
|
- },
|
|
|
|
|
- axisLabel: {
|
|
|
|
|
- show: true,
|
|
|
|
|
- fontSize: 12,
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- boundaryGap: ['20%', '20%']
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // min: 0,
|
|
|
|
|
+ // max: 20,
|
|
|
|
|
+ // interval: 5,
|
|
|
|
|
+ // type: 'value',
|
|
|
|
|
+ // name: '用地面积(km2)',
|
|
|
|
|
+ // axisLine: {
|
|
|
|
|
+ // show: false,
|
|
|
|
|
+ // lineStyle: {
|
|
|
|
|
+ // color: '#BCD3E5'
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // splitLine: {
|
|
|
|
|
+ // show: false,
|
|
|
|
|
+ // lineStyle: {
|
|
|
|
|
+ // type: "dashed",
|
|
|
|
|
+ // color: "rgba(255,255,255,0.1)"
|
|
|
|
|
+ // },
|
|
|
|
|
+ // },
|
|
|
|
|
+ // axisTick: {
|
|
|
|
|
+ // show: false
|
|
|
|
|
+ // },
|
|
|
|
|
+ // axisLabel: {
|
|
|
|
|
+ // show: true,
|
|
|
|
|
+ // fontSize: 12,
|
|
|
|
|
+
|
|
|
|
|
+ // },
|
|
|
|
|
+ // boundaryGap: ['20%', '20%']
|
|
|
|
|
+ // },
|
|
|
{
|
|
{
|
|
|
min: 0,
|
|
min: 0,
|
|
|
max: 20,
|
|
max: 20,
|
|
@@ -250,98 +250,98 @@ export default {
|
|
|
boundaryGap: ['20%', '20%']
|
|
boundaryGap: ['20%', '20%']
|
|
|
},],
|
|
},],
|
|
|
series: [
|
|
series: [
|
|
|
- {
|
|
|
|
|
- type: 'custom',
|
|
|
|
|
- renderItem: (params, api) => {
|
|
|
|
|
- const location = api.coord([api.value(0), api.value(1)])
|
|
|
|
|
- var color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: 'rgba(33,101,140,0.5)'
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0.8,
|
|
|
|
|
- color: 'rgba(33,101,140,0.5)'
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- ])
|
|
|
|
|
- return {
|
|
|
|
|
- type: 'group',
|
|
|
|
|
- children: [
|
|
|
|
|
- {
|
|
|
|
|
- type: 'CubeLeft',
|
|
|
|
|
- shape: {
|
|
|
|
|
- api,
|
|
|
|
|
- xValue: api.value(0),
|
|
|
|
|
- yValue: api.value(1),
|
|
|
|
|
- x: location[0],
|
|
|
|
|
- y: location[1],
|
|
|
|
|
- xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
- },
|
|
|
|
|
- style: {
|
|
|
|
|
- fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: 'rgba(34, 129, 209, 0.8)'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0.8,
|
|
|
|
|
- color: 'rgba(34, 129, 209, 0.8)'
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- ])
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- type: 'CubeRight',
|
|
|
|
|
- shape: {
|
|
|
|
|
- api,
|
|
|
|
|
- xValue: api.value(0),
|
|
|
|
|
- yValue: api.value(1),
|
|
|
|
|
- x: location[0],
|
|
|
|
|
- y: location[1],
|
|
|
|
|
- xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
- },
|
|
|
|
|
- style: {
|
|
|
|
|
- fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: 'rgba(97, 173, 237, 0.8)'
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 0.8,
|
|
|
|
|
- color: 'rgba(97, 173, 237, 0.8)'
|
|
|
|
|
- }
|
|
|
|
|
- ])
|
|
|
|
|
- }
|
|
|
|
|
- }, {
|
|
|
|
|
- type: 'CubeTop',
|
|
|
|
|
- shape: {
|
|
|
|
|
- api,
|
|
|
|
|
- xValue: api.value(0),
|
|
|
|
|
- yValue: api.value(1),
|
|
|
|
|
- x: location[0],
|
|
|
|
|
- y: location[1],
|
|
|
|
|
- xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
- },
|
|
|
|
|
- style: {
|
|
|
|
|
- fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
- offset: 0,
|
|
|
|
|
- color: 'rgba(60, 167, 255, 1)'
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- offset: 1,
|
|
|
|
|
- color: 'rgba(135, 200, 255, 1)'
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- ])
|
|
|
|
|
- }
|
|
|
|
|
- }]
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- data: bat_data
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // type: 'custom',
|
|
|
|
|
+ // renderItem: (params, api) => {
|
|
|
|
|
+ // const location = api.coord([api.value(0), api.value(1)])
|
|
|
|
|
+ // var color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
+ // offset: 0,
|
|
|
|
|
+ // color: 'rgba(33,101,140,0.5)'
|
|
|
|
|
+
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // offset: 0.8,
|
|
|
|
|
+ // color: 'rgba(33,101,140,0.5)'
|
|
|
|
|
+
|
|
|
|
|
+ // }
|
|
|
|
|
+ // ])
|
|
|
|
|
+ // return {
|
|
|
|
|
+ // type: 'group',
|
|
|
|
|
+ // children: [
|
|
|
|
|
+ // {
|
|
|
|
|
+ // type: 'CubeLeft',
|
|
|
|
|
+ // shape: {
|
|
|
|
|
+ // api,
|
|
|
|
|
+ // xValue: api.value(0),
|
|
|
|
|
+ // yValue: api.value(1),
|
|
|
|
|
+ // x: location[0],
|
|
|
|
|
+ // y: location[1],
|
|
|
|
|
+ // xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
+ // },
|
|
|
|
|
+ // style: {
|
|
|
|
|
+ // fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
+ // offset: 0,
|
|
|
|
|
+ // color: 'rgba(34, 129, 209, 0.8)'
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // offset: 0.8,
|
|
|
|
|
+ // color: 'rgba(34, 129, 209, 0.8)'
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ // }
|
|
|
|
|
+ // ])
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // type: 'CubeRight',
|
|
|
|
|
+ // shape: {
|
|
|
|
|
+ // api,
|
|
|
|
|
+ // xValue: api.value(0),
|
|
|
|
|
+ // yValue: api.value(1),
|
|
|
|
|
+ // x: location[0],
|
|
|
|
|
+ // y: location[1],
|
|
|
|
|
+ // xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
+ // },
|
|
|
|
|
+ // style: {
|
|
|
|
|
+ // fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
+ // offset: 0,
|
|
|
|
|
+ // color: 'rgba(97, 173, 237, 0.8)'
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // offset: 0.8,
|
|
|
|
|
+ // color: 'rgba(97, 173, 237, 0.8)'
|
|
|
|
|
+ // }
|
|
|
|
|
+ // ])
|
|
|
|
|
+ // }
|
|
|
|
|
+ // }, {
|
|
|
|
|
+ // type: 'CubeTop',
|
|
|
|
|
+ // shape: {
|
|
|
|
|
+ // api,
|
|
|
|
|
+ // xValue: api.value(0),
|
|
|
|
|
+ // yValue: api.value(1),
|
|
|
|
|
+ // x: location[0],
|
|
|
|
|
+ // y: location[1],
|
|
|
|
|
+ // xAxisPoint: api.coord([api.value(0), 0])
|
|
|
|
|
+ // },
|
|
|
|
|
+ // style: {
|
|
|
|
|
+ // fill: color = api.value(1) > 10000 ? 'red' : new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
|
|
|
+ // offset: 0,
|
|
|
|
|
+ // color: 'rgba(60, 167, 255, 1)'
|
|
|
|
|
+
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // offset: 1,
|
|
|
|
|
+ // color: 'rgba(135, 200, 255, 1)'
|
|
|
|
|
+
|
|
|
|
|
+ // }
|
|
|
|
|
+ // ])
|
|
|
|
|
+ // }
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+
|
|
|
|
|
+ // data: bat_data
|
|
|
|
|
+ // },
|
|
|
{
|
|
{
|
|
|
type: 'line',
|
|
type: 'line',
|
|
|
smooth: true,
|
|
smooth: true,
|
