|
|
@@ -29,77 +29,43 @@ const fetchData = async () => {
|
|
|
const valuesLastArray = response.map(obj => obj.industrialOutputValueLastYear);
|
|
|
|
|
|
const options = {
|
|
|
- title: {
|
|
|
- text: "产值产能检测",
|
|
|
- subtext: "",
|
|
|
- subTextStyle: {
|
|
|
- fontSize: 16,
|
|
|
- fontWeight: "normal",
|
|
|
- left: "center",
|
|
|
- y: "center",
|
|
|
+ title: {
|
|
|
+ text: 'World Population'
|
|
|
},
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- trigger: 'item', // 触发类型，可选值为：'item'、'axis'
|
|
|
- formatter: function (params) {
|
|
|
- // params 是一个包含当前数据点信息的对象
|
|
|
- // 你可以根据 params 中的数据来自定义提示框的内容
|
|
|
- return '企业名称' + params.name + '<br/>' + '值：' + params.value;
|
|
|
- }
|
|
|
- },
|
|
|
- // dataZoom: [
|
|
|
- // {
|
|
|
- // show: true,
|
|
|
- // realtime: true,
|
|
|
- // start: 30,
|
|
|
- // end: 70,
|
|
|
- // xAxisIndex: [0, 1]
|
|
|
- // },
|
|
|
- // {
|
|
|
- // type: 'inside',
|
|
|
- // realtime: true,
|
|
|
- // start: 30,
|
|
|
- // end: 70,
|
|
|
- // xAxisIndex: [0, 1]
|
|
|
- // }
|
|
|
- // ],
|
|
|
- grid: {
|
|
|
- left: "1%",
|
|
|
- right: "1%",
|
|
|
- bottom: "1%",
|
|
|
- top: "60px",
|
|
|
- containLabel: true,
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: "category",
|
|
|
- data: namesArray,
|
|
|
- axisLabel: {
|
|
|
- interval: 0,
|
|
|
- rotate: 30,
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
+ }
|
|
|
},
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- axisLabel: {
|
|
|
- formatter: (val) => {
|
|
|
- return val;
|
|
|
- },
|
|
|
+ legend: {},
|
|
|
+ grid: {
|
|
|
+ left: '3%',
|
|
|
+ right: '4%',
|
|
|
+ bottom: '3%',
|
|
|
+ containLabel: true
|
|
|
},
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: "工业产值",
|
|
|
- type: "bar",
|
|
|
- stack: "Total",
|
|
|
- data: valuesArray,
|
|
|
+ xAxis: {
|
|
|
+ type: 'value',
|
|
|
+ boundaryGap: [0, 0.01]
|
|
|
},
|
|
|
- {
|
|
|
- name: "去年工业产值",
|
|
|
- type: "line",
|
|
|
- stack: "Total",
|
|
|
- data: valuesLastArray,
|
|
|
+ yAxis: {
|
|
|
+ type: 'category',
|
|
|
+ data: namesArray
|
|
|
},
|
|
|
- ],
|
|
|
- };
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '2011',
|
|
|
+ type: 'bar',
|
|
|
+ data: valuesArray
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '2012',
|
|
|
+ type: 'bar',
|
|
|
+ data: valuesLastArray
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
|
|
|
chartInstance.value.setOption(options);
|
|
|
} catch (error) {
|
