|
|
@@ -24,16 +24,16 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div style="width: 1100px;margin: 10px auto">
|
|
|
- <div class="title">工业</div>
|
|
|
- <div id="industry"></div>
|
|
|
- <div class="title">固定资产投资</div>
|
|
|
- <div id="fixedAssets"></div>
|
|
|
- <div class="title">房地产市场</div>
|
|
|
- <div id="realEstate"></div>
|
|
|
- <div class="title">财政收支</div>
|
|
|
- <div id="finance"></div>
|
|
|
- </div>
|
|
|
+<div style="width: 1100px;margin: 10px auto">
|
|
|
+ <div class="title">工业</div>
|
|
|
+ <div id="industry"></div>
|
|
|
+ <div class="title">固定资产投资</div>
|
|
|
+ <div id="fixedAssets"></div>
|
|
|
+ <div class="title">房地产市场</div>
|
|
|
+ <div id="realEstate"></div>
|
|
|
+ <div class="title">财政收支</div>
|
|
|
+ <div id="finance"></div>
|
|
|
+</div>
|
|
|
</body>
|
|
|
<script src="js/echarts.min.js"></script>
|
|
|
<script>
|
|
|
@@ -55,7 +55,7 @@
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
- data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月','2022年前三季度','2022.1月-10月'],
|
|
|
+ data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月', '2022年前三季度', '2022.1月-10月', '2022.1月-11月', '2022年全年', '2023.1月-2月'],
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
@@ -93,7 +93,7 @@
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
|
- 40.1, 28.8, 20.3, 14.2, 13.8, 13.1, 11.3, 10.9, 9.5, 7.4, 2.0, 4.6, 4.6, 5.6, 3.2, 1.0, -1.0, 0.5, 0.9
|
|
|
+ 40.1, 28.8, 20.3, 14.2, 13.8, 13.1, 11.3, 10.9, 9.5, 7.4, 2.0, 4.6, 4.6, 5.6, 3.2, 1.0, -1.0, 0.5, 0.9, -0.7, -0.4, 8.3
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
@@ -121,7 +121,7 @@
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
- data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月','2022年前三季度','2022.1月-10月'],
|
|
|
+ data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月', '2022年前三季度', '2022.1月-10月', '2022.1月-11月', '2022年全年', '2023.1月-2月'],
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
@@ -162,7 +162,7 @@
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
|
- 12.3, 20.6, 7.0, 11.1, 16.4, 15.2, 13.4, 8.0, 5.9, 0.1, 2.5, 9.6, -0.7, -6.9, 4.8, -3.1, -0.3, 2.0, 1.0
|
|
|
+ 12.3, 20.6, 7.0, 11.1, 16.4, 15.2, 13.4, 8.0, 5.9, 0.1, 2.5, 9.6, -0.7, -6.9, 4.8, -3.1, -0.3, 2.0, 1.0, -5.9, -3.8, 11.5
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
@@ -191,7 +191,7 @@
|
|
|
xAxis: [
|
|
|
{
|
|
|
type: 'category',
|
|
|
- data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月','2022年前三季度','2022.1月-10月'],
|
|
|
+ data: ['2021第一季度', '2021.1月-4月', '2021.1月-5月', '2021上半年', '2021.1月-7月', '2021.1月-8月', '2021年前三季度', '2021.1月-10月', '2021.1月-11月', '2021年全年', '2022.1月-2月', '2022第一季度', '2022.1月-4月', '2022.1月-5月', '2022上半年', '2022.1月-7月', '2022.1月-8月', '2022年前三季度', '2022.1月-10月', '2022.1月-11月', '2022年全年', '2023.1月-2月'],
|
|
|
axisPointer: {
|
|
|
type: 'shadow'
|
|
|
},
|
|
|
@@ -251,7 +251,7 @@
|
|
|
return value + ' 万平方米';
|
|
|
}
|
|
|
},
|
|
|
- data: [39.6, 56.08, 79.73, 112.4, 123.82, 134.79, 153.2, 183.92, 204.78, 234.1, 14.1, 37.8, 61.5, 82.4, 101.3, 109.3, 112.2,121.3,133.6]
|
|
|
+ data: [39.6, 56.08, 79.73, 112.4, 123.82, 134.79, 153.2, 183.92, 204.78, 234.1, 14.1, 37.8, 61.5, 82.4, 101.3, 109.3, 112.2, 121.3, 133.6, 134.8, 149.45, 12.4]
|
|
|
},
|
|
|
{
|
|
|
name: '同比增减（%）',
|
|
|
@@ -263,7 +263,7 @@
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
|
- 41.9, 39.4, 23.9, 21.2, 10.6, 5.1, -9.4, -3.5, -2.0, -11.3, 25.9, -4.5, 9.7, 3.1, -9.9, -11.7, -16.7,-20.8,-27.3
|
|
|
+ 41.9, 39.4, 23.9, 21.2, 10.6, 5.1, -9.4, -3.5, -2.0, -11.3, 25.9, -4.5, 9.7, 3.1, -9.9, -11.7, -16.7, -20.8, -27.3, -34.2, -36.1, -12.9
|
|
|
]
|
|
|
}
|
|
|
]
|
|
|
@@ -292,7 +292,10 @@
|
|
|
['2022.1月-7月', 31.9, -17.5, 25.8, -18.7],
|
|
|
['2022.1月-8月', 34.8, -16.3, 27.4, -19.8],
|
|
|
['2022年前三季度', 38.85, -13.7, 29.85, -13.7],
|
|
|
- ['2022.1月-10月', 38.8, -13.7, 29.8, -13.7]
|
|
|
+ ['2022.1月-10月', 38.8, -13.7, 29.8, -13.7],
|
|
|
+ ['2022.1月-11月', 53, -22, 37.8, 14.7],
|
|
|
+ ['2022年全年', 56.8, 0.7, 39.5, -13.5],
|
|
|
+ ['2023.1月-2月', 8.83, -8.1, 6.89, -15.7]
|
|
|
]
|
|
|
var chartDom = document.getElementById('finance');
|
|
|
var myChart = echarts.init(chartDom);
|
|
|
@@ -344,24 +347,24 @@
|
|
|
show: true
|
|
|
}
|
|
|
},
|
|
|
- {
|
|
|
- type: 'value',
|
|
|
- min: -20,
|
|
|
- max: 60,
|
|
|
- interval: 10,
|
|
|
- axisLabel: {
|
|
|
- formatter: '{value} %'
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: true //坐标轴刻度线
|
|
|
- },
|
|
|
- axisLine: { //轴线
|
|
|
- show: true
|
|
|
- },
|
|
|
- splitLine: { //网格线
|
|
|
- show: true
|
|
|
- }
|
|
|
- }],
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
+ min: -20,
|
|
|
+ max: 60,
|
|
|
+ interval: 10,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: '{value} %'
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: true //坐标轴刻度线
|
|
|
+ },
|
|
|
+ axisLine: { //轴线
|
|
|
+ show: true
|
|
|
+ },
|
|
|
+ splitLine: { //网格线
|
|
|
+ show: true
|
|
|
+ }
|
|
|
+ }],
|
|
|
series: [{
|
|
|
type: 'bar',
|
|
|
itemStyle: {
|
|
|
@@ -373,41 +376,41 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- {
|
|
|
- yAxisIndex: 1,
|
|
|
- type: 'line',
|
|
|
- itemStyle: {
|
|
|
- color: '#FAA639'
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- valueFormatter: function (value) {
|
|
|
- return value + ' %';
|
|
|
+ {
|
|
|
+ yAxisIndex: 1,
|
|
|
+ type: 'line',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FAA639'
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ valueFormatter: function (value) {
|
|
|
+ return value + ' %';
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'bar',
|
|
|
- itemStyle: {
|
|
|
- color: '#8EC051'
|
|
|
},
|
|
|
- tooltip: {
|
|
|
- valueFormatter: function (value) {
|
|
|
- return value + ' 亿元';
|
|
|
+ {
|
|
|
+ type: 'bar',
|
|
|
+ itemStyle: {
|
|
|
+ color: '#8EC051'
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ valueFormatter: function (value) {
|
|
|
+ return value + ' 亿元';
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'line',
|
|
|
- yAxisIndex: 1,
|
|
|
- itemStyle: {
|
|
|
- color: '#27C2C1'
|
|
|
},
|
|
|
- tooltip: {
|
|
|
- valueFormatter: function (value) {
|
|
|
- return value + ' %';
|
|
|
+ {
|
|
|
+ type: 'line',
|
|
|
+ yAxisIndex: 1,
|
|
|
+ itemStyle: {
|
|
|
+ color: '#27C2C1'
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ valueFormatter: function (value) {
|
|
|
+ return value + ' %';
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
+ },
|
|
|
]
|
|
|
};
|
|
|
option && myChart.setOption(option);
|
zhoupeng