-
3200万元
+
104.17亿元
企业总产值
@@ -30,11 +30,11 @@ export default {
data() {
return {
dataList: [
- { name: '农户', nums: 125, imgs: require('../img/5.png'), homer: '(家)' },
- { name: '农企/合作社', nums: 28, imgs: require('../img/6.png'), homer: '(家)' },
- { name: '生产加工企业', nums: 56, imgs: require('../img/7.png'), homer: '(家)' },
- { name: '农资企业', nums: 811, imgs: require('../img/8.png'), homer: '(家)' },
- { name: '种源企业', nums: 69, imgs: require('../img/5.png'), homer: '(家)' },
+ { name: '农户', nums: 12417, imgs: require('../img/5.png'), homer: '(家)' },
+ { name: '农企/合作社', nums: 893, imgs: require('../img/6.png'), homer: '(家)' },
+ { name: '生产加工企业', nums: 73, imgs: require('../img/7.png'), homer: '(家)' },
+ { name: '农资企业', nums: 6, imgs: require('../img/8.png'), homer: '(家)' },
+ { name: '种源企业', nums: 5, imgs: require('../img/5.png'), homer: '(家)' },
],
};
},
@@ -56,17 +56,17 @@ export default {
p:nth-child(1) {
background: url('../img/4.png');
background-size: 100% 100%;
- width: 144px;
+ width: 180px;
height: 112px;
text-align: center;
line-height: 112px;
color: #ccefff;
- font-size: 24px;
+ font-size: 20px;
}
p:nth-child(2) {
background: url('../img/9.png');
background-size: 100% 100%;
- width: 125px;
+ width: 165px;
height: 38px;
text-align: center;
line-height: 38px;
diff --git a/src/views/dataV/pageOne/greenIndustry.vue b/src/views/dataV/pageOne/greenIndustry.vue
index e195b99..b3fa11e 100644
--- a/src/views/dataV/pageOne/greenIndustry.vue
+++ b/src/views/dataV/pageOne/greenIndustry.vue
@@ -21,12 +21,12 @@ export default {
data() {
return {
list: [
- { name: '种子使用', num: 4900.67, percent: '吨', img: require('../img/10.png') },
- { name: '农药使用', num: 5100.15, percent: '吨', img: require('../img/11.png') },
- { name: '化肥使用', num: 9100.59, percent: '吨', img: require('../img/12.png') },
- { name: '饲料', num: 89043.09, percent: '吨', img: require('../img/13.png') },
- { name: '兽药', num: 110.34, percent: '吨', img: require('../img/14.png') },
- { name: '农机使用', num: 8100.86, percent: '台', img: require('../img/15.png') },
+ { name: '种子使用', num: 171, percent: '吨', img: require('../img/10.png') },
+ { name: '农药使用', num: 224.26, percent: '吨', img: require('../img/11.png') },
+ { name: '化肥使用', num: 41650, percent: '吨', img: require('../img/12.png') },
+ { name: '饲料', num: 615148, percent: '吨', img: require('../img/13.png') },
+ { name: '兽药', num: 805.092, percent: '吨', img: require('../img/14.png') },
+ { name: '农机使用', num: 18170, percent: '台', img: require('../img/15.png') },
],
};
},
diff --git a/src/views/dataV/pageOne/index.vue b/src/views/dataV/pageOne/index.vue
index bed8418..f50cd48 100644
--- a/src/views/dataV/pageOne/index.vue
+++ b/src/views/dataV/pageOne/index.vue
@@ -48,7 +48,7 @@ export default {
data() {
return {
bg: require('../img/bg.png'),
- title: ['经营主体数据统计', '溯源赋码与扫码数据统计', '使用投入品数据统计', '土地分布数据', '种殖数据统计'],
+ title: ['经营主体数据统计', '溯源赋码与扫码数据统计', '使用投入品数据统计', '土地分布数据', '种植数据统计'],
};
},
watch: {
diff --git a/src/views/dataV/pageOne/industrypercent.vue b/src/views/dataV/pageOne/industrypercent.vue
index 9e904cb..dc94832 100644
--- a/src/views/dataV/pageOne/industrypercent.vue
+++ b/src/views/dataV/pageOne/industrypercent.vue
@@ -183,7 +183,7 @@ export default {
this.statusChart.resize();
},
initChart2() {
- let data = ['核桃', '茶叶', '小麦', '玉米'];
+ let data = ['核桃', '茶叶', '小麦', '玉米', '水稻', '薯类', '坚果', '中药材', '烤烟'];
let option = {
grid: {
top: '8%',
@@ -255,13 +255,13 @@ export default {
barBorderRadius: 30,
color: function (params) {
// 颜色定制显示(按顺序)
- var colorList = ['#4a5eea', '#f29b76', '#ea9ef3', '#80f1b0'];
+ var colorList = ['#4a5eea', '#f29b76', '#ea9ef3', '#80f1b0','#4a5eea', '#f29b76', '#ea9ef3', '#80f1b0','#4a5eea', ];
return colorList[params.dataIndex];
},
},
},
barWidth: 10,
- data: [63, 100, 30, 26],
+ data: [17.6, 4.6, 1.7, 10.85, 10.85, 1.96, 17.6, 0.816, 20],
},
{
name: '外框',
@@ -276,7 +276,7 @@ export default {
barGap: '-100%',
z: 0,
barWidth: 10,
- data: [100, 100, 100, 100],
+ data: [20, 20, 20, 20, 20, 20, 20, 20, 20, 20],
},
],
};
diff --git a/src/views/dataV/pageOne/moneyIndustry.vue b/src/views/dataV/pageOne/moneyIndustry.vue
index 020bc55..d1f3ac7 100644
--- a/src/views/dataV/pageOne/moneyIndustry.vue
+++ b/src/views/dataV/pageOne/moneyIndustry.vue
@@ -8,31 +8,19 @@ export default {
data() {
return {
chartData: [
- {
- name: '三岔河镇',
- value: 50,
- test: '备注1',
- },
- {
- name: '大寺乡',
- value: 60,
- test: '备注2',
- },
- {
- name: '凤山镇',
- value: 66,
- test: '备注3',
- },
- {
- name: '小湾镇',
- value: 72,
- test: '备注4',
- },
- {
- name: '勐佑镇',
- value: 80,
- test: '备注5',
- },
+ { name: '凤山镇', value: 31.72 },
+ { name: '勐佑镇', value: 57.27 },
+ { name: '三岔河镇', value: 42.12 },
+ { name: '小湾镇', value: 29.75 },
+ { name: '洛党镇', value: 38.73 },
+ { name: '雪山镇', value: 38.73 },
+ { name: '营盘镇', value: 55.03 },
+ { name: '郭大寨乡', value: 26.35 },
+ { name: '大寺乡', value: 33.53 },
+ { name: '鲁史镇', value: 47.7 },
+ { name: '诗礼乡', value: 32.56 },
+ { name: '新华乡', value: 42.12 },
+ { name: '腰街乡', value: 13.73 },
],
};
},
@@ -138,23 +126,23 @@ export default {
})(this.chartData), // 载入y轴数据
},
series: [
- {
- type: 'bar',
- barGap: '-130%',
- label: {
- normal: {
- show: false,
- },
- },
- barWidth: 12,
- itemStyle: {
- normal: {
- color: '#1a2859', // 图表颜色
- },
- },
- data: bgData, // 载入背景数据
- z: 0,
- },
+ // {
+ // type: 'bar',
+ // barGap: '-130%',
+ // label: {
+ // normal: {
+ // show: false,
+ // },
+ // },
+ // barWidth: 12,
+ // itemStyle: {
+ // // normal: {
+ // // color: '#1a2859', // 图表颜色
+ // // },
+ // },
+ // data: bgData, // 载入背景数据
+ // z: 0,
+ // },
{
type: 'bar',
label: {
@@ -163,18 +151,30 @@ export default {
position: 'right', // top, right, inside, insideTop,...
textStyle: {
color: 'white',
- fontSize: 16,
+ fontSize: 10,
},
formatter: '{c}' + '万亩',
},
},
- barWidth: 12,
+ barWidth: 10,
itemStyle: {
normal: {
- color: function (params) {
- // 颜色定制显示(按顺序)
- var colorList = $colorList;
- return colorList[params.dataIndex];
+ // color: function (params) {
+ // // 颜色定制显示(按顺序)
+ // var colorList = $colorList;
+ // return colorList[params.dataIndex];
+ // },
+ color: {
+ type: 'linear', // 线性渐变
+ x: 1,
+ y: 0,
+ x2: 0,
+ y2: 0,
+ colorStops: [
+ { offset: 0, color: '#99dcf3' },
+ { offset: 1, color: '#01589c' },
+ ],
+
},
barBorderRadius: [0, 17, 17, 0], //圆角
},