|
|
@@ -507,19 +507,7 @@ let app = new Vue({
|
|
|
this.lpRotate();
|
|
|
this.getAppToken()
|
|
|
setTimeout(() => {
|
|
|
- // if (that.mapShow) {
|
|
|
- // // that.leftEcharts12Fun()
|
|
|
- // // that.leftEcharts14Fun()
|
|
|
- // that.leftEcharts9Fun()
|
|
|
- // // that.leftEcharts15Fun()
|
|
|
- // that.leftEcharts13Fun()
|
|
|
- // that.shanxiEchartsFun()
|
|
|
- // } else {
|
|
|
- // // that.chinaEchartsFun()
|
|
|
- // // that.leftEcharts16Fun() // 中国地图背景地球
|
|
|
- // }
|
|
|
this.changeTopColor()
|
|
|
- // this.initChartR4();
|
|
|
});
|
|
|
},
|
|
|
// 获取token
|
|
|
@@ -1353,7 +1341,7 @@ let app = new Vue({
|
|
|
],
|
|
|
legend: {
|
|
|
selectedMode: false,
|
|
|
- top: 10,
|
|
|
+ top: 20,
|
|
|
data: ['正偏差', '容差', '负偏差'],
|
|
|
textStyle: {
|
|
|
fontSize: 20,
|
|
|
@@ -1363,6 +1351,8 @@ let app = new Vue({
|
|
|
},
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
+ fontSize:20,
|
|
|
+ fontFamily: 'Microsoft YaHei',
|
|
|
},
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
@@ -1373,10 +1363,11 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "20", // 文字字体大小
|
|
|
+ fontFamily: 'Microsoft YaHei',
|
|
|
},
|
|
|
formatter: data => {
|
|
|
- return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color}"></span> ${data[0].seriesName}：${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color}"></span> ${data[1].seriesName}：${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].data[2])}亿`
|
|
|
+ return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color.colorStops[0].color}"></span> ${data[0].seriesName}：${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span> ${data[1].seriesName}：${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color.colorStops[0].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].data[2])}亿`
|
|
|
},
|
|
|
axisPointer: {
|
|
|
// // type: 'cross',',
|
|
|
@@ -1663,7 +1654,6 @@ let app = new Vue({
|
|
|
],
|
|
|
legend: {
|
|
|
top: 10,
|
|
|
- right: 10,
|
|
|
textStyle: {
|
|
|
fontSize: 20,
|
|
|
color: "#fff",
|
|
|
@@ -1685,7 +1675,8 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "20", // 文字字体大小
|
|
|
+ fontFamily: 'Microsoft YaHei',
|
|
|
},
|
|
|
formatter: function (p) {
|
|
|
that.threeCommonCompany.forEach((item, index) => {
|
|
|
@@ -1706,7 +1697,7 @@ let app = new Vue({
|
|
|
that.initChartR3();
|
|
|
this.right4Chart ? this.right4Chart.dispose() : ''
|
|
|
that.initChartR4()
|
|
|
- return `${p.name}<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#79FFEB;"></span>低风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value3}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#FBE463;"></span>中风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value2}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#F98784;"></span>高风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value}个`
|
|
|
+ return `${p.name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#79FFEB;"></span>低风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value3}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#FBE463;"></span>中风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value2}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#F98784;"></span>高风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value}个`
|
|
|
|
|
|
},
|
|
|
},
|
|
|
@@ -1738,10 +1729,16 @@ let app = new Vue({
|
|
|
],
|
|
|
yAxis: [
|
|
|
{
|
|
|
+ name: '个',
|
|
|
type: "value",
|
|
|
axisLabel: {
|
|
|
color: "#fff",
|
|
|
- fontSize: 22,
|
|
|
+ fontSize: 20,
|
|
|
+ },
|
|
|
+ nameTextStyle: {//y轴上方单位的颜色
|
|
|
+ color: '#fff',
|
|
|
+ fontSize: '20',
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
splitLine: {
|
|
|
show: true,
|
|
|
@@ -1929,7 +1926,7 @@ let app = new Vue({
|
|
|
let option = {
|
|
|
tooltip: {
|
|
|
formatter: (data, ticket, callback) => {
|
|
|
- return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color.colorStops[0].color}"></span> ${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color.colorStops[0].color}"></span> ${data[1].seriesName}：${that.numFormat(data[1].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[2].color.colorStops[0].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[3].color.colorStops[0].color}"></span> ${data[3].seriesName}：${that.numFormat(data[3].value)}亿`
|
|
|
+ return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px; width:20px;height:20px;background-color:${data[0].color.colorStops[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[2].color.colorStops[0].color}"></span>${data[2].seriesName}：${that.numFormat(data[2].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[3].color.colorStops[0].color}"></span>${data[3].seriesName}：${that.numFormat(data[3].value)}亿`
|
|
|
},
|
|
|
confine: true, // 不超出当前表
|
|
|
textStyle: {
|
|
|
@@ -2137,33 +2134,6 @@ let app = new Vue({
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
- // that.right4Chart.on('click', function (param) {
|
|
|
- // that.boardType = 'right2'
|
|
|
- // let value = {
|
|
|
- // access_token: that.access_token,
|
|
|
- // "request": {
|
|
|
- // isInsert: that.mockData ? '1' : '0',
|
|
|
- // orgName: that.findCode(that.threeCommonCompany[that.threeCommonCompanyIndex][that.right3ChartIndex])
|
|
|
- // },
|
|
|
- // pageSize: 1000
|
|
|
- // }
|
|
|
- // post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionAnalysis', value).then(res => {
|
|
|
- // that.rightOriginalConfig6 = res.data
|
|
|
- // that.config6.header = ["企业集团", "标准预算项", '项目名称', '预算额（万元）', '合同额（万元）', '结算额（万元）', '付款额（万元）']
|
|
|
- // res.data.forEach((item, index) => {
|
|
|
- // that.config6.data[index] = []
|
|
|
- // that.config6.data[index][0] = item.mdnb_unity_name4
|
|
|
- // that.config6.data[index][1] = item.mdnb_aheadname
|
|
|
- // that.config6.data[index][2] = item.mdnb_proname
|
|
|
- // that.config6.data[index][3] = that.numFormat(item.mdnb_yusuanmoney / 10000)
|
|
|
- // that.config6.data[index][4] = that.numFormat(item.mdnb_hetongmoney / 10000)
|
|
|
- // that.config6.data[index][5] = that.numFormat(item.mdnb_jiesuanmoney / 10000)
|
|
|
- // that.config6.data[index][6] = that.numFormat(item.mdnb_fukuanmoney / 10000)
|
|
|
- // })
|
|
|
- // that.config6 = { ...that.config6 }
|
|
|
- // that.projectListTipShow = true
|
|
|
- // })
|
|
|
- // })
|
|
|
that.right4Chart.getZr().on('click', function (param) {
|
|
|
// 获取 点击的 触发点像素坐标
|
|
|
const pointInPixel = [param.offsetX, param.offsetY]
|
|
|
@@ -2200,7 +2170,6 @@ let app = new Vue({
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
- // let option = {
|
|
|
// dataZoom: [
|
|
|
// {
|
|
|
// // start: 9,//默认为@
|
|
|
@@ -2667,6 +2636,7 @@ let app = new Vue({
|
|
|
fontWeight: "normal",
|
|
|
color: "#68BDFF",
|
|
|
fontSize: "20",
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
},
|
|
|
color: ["#68BDFF", "#254F7F"],
|
|
|
@@ -2869,6 +2839,7 @@ let app = new Vue({
|
|
|
label: {
|
|
|
normal: {
|
|
|
formatter: (params) => {
|
|
|
+
|
|
|
var text;
|
|
|
text = `${params.value}亿`;
|
|
|
return text;
|
|
|
@@ -2877,6 +2848,7 @@ let app = new Vue({
|
|
|
// 图列内容样式
|
|
|
fontSize: "20",
|
|
|
fontWeight: 800,
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
position: "right",
|
|
|
offset: [0, -3],
|
|
|
@@ -2924,6 +2896,7 @@ let app = new Vue({
|
|
|
fontWeight: "normal",
|
|
|
color: "#68BDFF",
|
|
|
fontSize: "20",
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
},
|
|
|
color: ["#5BDCC8", "#254F7F"],
|
|
|
@@ -3072,19 +3045,6 @@ let app = new Vue({
|
|
|
barWidth: 16,
|
|
|
barGap: "20%",
|
|
|
silent: true,
|
|
|
- // label: {
|
|
|
- // normal: {
|
|
|
- // formatter: (item) => {
|
|
|
- // return `${item['name']}：${item['value']} `;
|
|
|
- // },
|
|
|
- // textStyle: {
|
|
|
- // color: 'rgba(105, 120, 136, 1)',
|
|
|
- // fontSize: 14,
|
|
|
- // },
|
|
|
- // position: [0, '-25px'],
|
|
|
- // show: true,
|
|
|
- // },
|
|
|
- // },
|
|
|
data: category,
|
|
|
z: 1,
|
|
|
itemStyle: {
|
|
|
@@ -3151,6 +3111,7 @@ let app = new Vue({
|
|
|
// 图列内容样式
|
|
|
fontSize: "20",
|
|
|
fontWeight: 800,
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
position: "right",
|
|
|
offset: [0, -3],
|
|
|
@@ -3235,16 +3196,16 @@ let app = new Vue({
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
formatter: function (e) {
|
|
|
- return `<span style="display:inline-block;margin-right:15px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor
|
|
|
- };"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num
|
|
|
- }个`;
|
|
|
+ return `<span style="display:inline-block;margin-right:10px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor};"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num}个`;
|
|
|
},
|
|
|
backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
|
|
|
+ borderColor:'#135C8A00',
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
confine: true
|
|
|
},
|
|
|
@@ -3254,8 +3215,9 @@ let app = new Vue({
|
|
|
left: "65%",
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
- fontSize: 20,
|
|
|
+ fontSize: 24,
|
|
|
padding: [0, 20],
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
},
|
|
|
graphic: {
|
|
|
@@ -3400,17 +3362,17 @@ let app = new Vue({
|
|
|
offsetCenter: [0, 100],
|
|
|
textStyle: {
|
|
|
padding: [0, 0, 0, 0],
|
|
|
- fontSize: 60,
|
|
|
+ fontSize: 42,
|
|
|
color: "#58F7DF",
|
|
|
},
|
|
|
},
|
|
|
title: {
|
|
|
//标题
|
|
|
show: true,
|
|
|
- offsetCenter: [0, 195], // x, y，单位px
|
|
|
+ offsetCenter: [0, 180], // x, y，单位px
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
- fontSize: 34, //表盘上的标题文字大小
|
|
|
+ fontSize: 28, //表盘上的标题文字大小
|
|
|
fontWeight: 400,
|
|
|
fontFamily: "MicrosoftYaHei",
|
|
|
},
|
|
|
@@ -3418,12 +3380,7 @@ let app = new Vue({
|
|
|
data: [
|
|
|
{
|
|
|
name: `总额度:${that.numFormat(that.yuanChange(left16[4]))}亿`,
|
|
|
- value: dataArr,
|
|
|
- itemStyle: {
|
|
|
- fontSize: "50", //y轴上方单位的大小
|
|
|
- color: "#FFF666",
|
|
|
- fontFamily: "MicrosoftYaHei",
|
|
|
- },
|
|
|
+ value: dataArr
|
|
|
},
|
|
|
],
|
|
|
// pointer: {
|
|
|
@@ -4749,14 +4706,7 @@ let app = new Vue({
|
|
|
trigger: "axis",
|
|
|
// showContent
|
|
|
formatter: (data) => {
|
|
|
- return `${data[0].name
|
|
|
- }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
|
|
|
- }"></span> ${data[0].seriesName}：${that.numFormat(
|
|
|
- data[0].value
|
|
|
- )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
|
|
|
- }"></span> ${data[1].seriesName}：${that.numFormat(
|
|
|
- data[1].value
|
|
|
- )}亿`;
|
|
|
+ return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${data[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿`;
|
|
|
},
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
@@ -4771,7 +4721,7 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
},
|
|
|
},
|
|
|
xAxis: {
|
|
|
@@ -5043,15 +4993,19 @@ let app = new Vue({
|
|
|
trigger: "axis",
|
|
|
showContent: true,
|
|
|
alwaysShowContent: true,
|
|
|
- formatter:
|
|
|
- "指标：" +
|
|
|
- "{c0}" + '%' +
|
|
|
- "<br/>" +
|
|
|
- "发展线：" +
|
|
|
- "{c1}" + '%' +
|
|
|
- "<br/>" +
|
|
|
- "生存线：" +
|
|
|
- "{c2}" + '%', //+ '<br/>'+ '{a1}：{c1}' + '%',
|
|
|
+ // formatter:
|
|
|
+ // "指标：" +
|
|
|
+ // "{c0}" + '%' +
|
|
|
+ // "<br/>" +
|
|
|
+ // "发展线：" +
|
|
|
+ // "{c1}" + '%' +
|
|
|
+ // "<br/>" +
|
|
|
+ // "生存线：" +
|
|
|
+ // "{c2}" + '%',
|
|
|
+
|
|
|
+ formatter: (data) => {
|
|
|
+ return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#69c0ff"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:green"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:yellow"></span>${data[2].seriesName}：${that.numFormat(data[2].value)}`
|
|
|
+ },
|
|
|
axisPointer: {
|
|
|
type: "shadow",
|
|
|
},
|
|
|
@@ -5061,7 +5015,8 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
+ fontFamily: "Microsoft YaHei",
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
@@ -5128,6 +5083,7 @@ let app = new Vue({
|
|
|
barWidth: 20,
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
@@ -5144,7 +5100,7 @@ let app = new Vue({
|
|
|
data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
|
|
|
},
|
|
|
{
|
|
|
- name: "",
|
|
|
+ name: "发展线",
|
|
|
type: "line",
|
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
|
@@ -5165,7 +5121,7 @@ let app = new Vue({
|
|
|
data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
|
|
|
},
|
|
|
{
|
|
|
- name: "",
|
|
|
+ name: "生存线",
|
|
|
type: "line",
|
|
|
barWidth: 15,
|
|
|
itemStyle: {
|
|
|
@@ -5255,10 +5211,10 @@ let app = new Vue({
|
|
|
color: commonColor,
|
|
|
title: {
|
|
|
show: false,
|
|
|
- text: '风险类型123',
|
|
|
+ text: '风险类型',
|
|
|
top: '48%',
|
|
|
textAlign: "center",
|
|
|
- left: "49%",
|
|
|
+ left: "47%",
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 18,
|
|
|
@@ -5274,7 +5230,7 @@ let app = new Vue({
|
|
|
} else {
|
|
|
that.stageTitle4 = params.name
|
|
|
that.stageTitle3 = params.percent + '%'
|
|
|
- return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量：<b>${params.value}</b>个`
|
|
|
+ return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量：<b>${params.value}</b>个`
|
|
|
}
|
|
|
},
|
|
|
confine: true,
|
|
|
@@ -5284,19 +5240,19 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
icon: "circle",
|
|
|
orient: 'vertical',
|
|
|
data: totalData.map(item => item.name),
|
|
|
- left: '5%',
|
|
|
+ left: '2%',
|
|
|
bottom: 0,
|
|
|
align: 'left',
|
|
|
textStyle: {
|
|
|
color: '#FFF', // 文字的颜色
|
|
|
- fontSize: '20', // 文字字体大小
|
|
|
+ fontSize: '24', // 文字字体大小
|
|
|
fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
itemGap: 20
|
|
|
@@ -5475,12 +5431,14 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
+ fontFamily: 'Microsoft YaHei',
|
|
|
},
|
|
|
formatter: (params) => {
|
|
|
that.stageTitle = params.name
|
|
|
that.stageTitle2 = params.percent + '%'
|
|
|
- return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
|
|
|
+ return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
|
|
|
+
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -5493,7 +5451,8 @@ let app = new Vue({
|
|
|
align: 'left',
|
|
|
textStyle: {
|
|
|
color: '#FFF', // 文字的颜色
|
|
|
- fontSize: '20', // 文字字体大小
|
|
|
+ fontSize: '24', // 文字字体大小
|
|
|
+ fontFamily: 'Microsoft YaHei',
|
|
|
},
|
|
|
itemGap: 20
|
|
|
},
|
|
|
@@ -5605,16 +5564,9 @@ let app = new Vue({
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
trigger: "axis",
|
|
|
- // formatter: (data) => {
|
|
|
- // return `${data[0].name
|
|
|
- // }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
|
|
|
- // }"></span> ${data[0].seriesName}：${that.numFormat(
|
|
|
- // data[0].value
|
|
|
- // )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
|
|
|
- // }"></span> ${data[1].seriesName}：${that.numFormat(
|
|
|
- // data[1].value
|
|
|
- // )}亿`;
|
|
|
- // },
|
|
|
+ formatter: (data) => {
|
|
|
+ return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;margin-right:10px;background-color:${data[0].color.colorStops[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;margin-right:10px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿`;
|
|
|
+ },
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
|
|
|
@@ -5625,7 +5577,7 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
},
|
|
|
},
|
|
|
|
|
|
@@ -5633,7 +5585,7 @@ let app = new Vue({
|
|
|
top: "top",
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
- fontSize: 20,
|
|
|
+ fontSize: 24,
|
|
|
padding: [0, 20],
|
|
|
},
|
|
|
},
|
|
|
@@ -5721,7 +5673,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#0F357C',
|
|
|
+ color: '#B78CFF',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5738,15 +5690,15 @@ let app = new Vue({
|
|
|
barWidth: "30",
|
|
|
itemStyle: {
|
|
|
barBorderRadius: [0, 50, 50, 0],
|
|
|
- borderColor: '#B78CFF',
|
|
|
+ borderColor: '#3a679f',
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#0F357C80',
|
|
|
+ color: '#3a679f',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
- color: '#10417F80',
|
|
|
+ color: '#3a679f',
|
|
|
|
|
|
},
|
|
|
]),
|
|
|
@@ -5788,7 +5740,7 @@ let app = new Vue({
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
|
|
|
- fontSize: "28", // 文字字体大小
|
|
|
+ fontSize: "24", // 文字字体大小
|
|
|
},
|
|
|
},
|
|
|
|
|
|
@@ -5820,11 +5772,11 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
yAxis: {
|
|
|
- name: "单位：个数",
|
|
|
+ name: "亿",
|
|
|
triggerEvent: true,
|
|
|
nameTextStyle: {
|
|
|
color: "#fff",
|
|
|
- fontSize: 16,
|
|
|
+ fontSize: 20,
|
|
|
padding: [0, 0, 10, -20]
|
|
|
},
|
|
|
splitLine: {
|
zhbyyy
