|
|
@@ -1330,7 +1330,7 @@ let app = new Vue({
|
|
|
type: "liquidFill",
|
|
|
radius: "80%",
|
|
|
data: [common2[0], common2[0] + 0.05, common2[0] - 0.05],
|
|
|
- waveLength :'50%', //波浪长度
|
|
|
+ waveLength: '50%', //波浪长度
|
|
|
// data: [
|
|
|
// {}
|
|
|
// ],
|
|
|
@@ -1434,7 +1434,6 @@ let app = new Vue({
|
|
|
initChartL1 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL1'])
|
|
|
option = {
|
|
|
- backgroundColor: "#042148",
|
|
|
series: [
|
|
|
{
|
|
|
type: "liquidFill",
|
|
|
@@ -1442,7 +1441,7 @@ let app = new Vue({
|
|
|
data: [left2[0], left2[0] + 0.05, left2[0] - 0.05],
|
|
|
// amplitude:'15%',
|
|
|
// period:'1500',
|
|
|
- waveLength :'50%', //波浪长度
|
|
|
+ waveLength: '50%', //波浪长度
|
|
|
// data: [
|
|
|
// {}
|
|
|
// ],
|
|
|
@@ -1554,7 +1553,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29','#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -1798,7 +1797,7 @@ let app = new Vue({
|
|
|
|
|
|
let that = this
|
|
|
var chart = Highcharts.chart('echartL3', {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -1949,8 +1948,8 @@ let app = new Vue({
|
|
|
mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
|
|
|
//console.log(e)
|
|
|
chartData.forEach((item, index) => {
|
|
|
- // item.sliced = false
|
|
|
- // item.selected = false
|
|
|
+ item.sliced = false
|
|
|
+ item.selected = false
|
|
|
})
|
|
|
// chartData[e.target.index].sliced = true
|
|
|
// chartData[e.target.index].selected = true
|
|
|
@@ -1978,11 +1977,11 @@ let app = new Vue({
|
|
|
timer = setInterval(function () {
|
|
|
autoTooltip(points[i]);
|
|
|
chartData.forEach((item, index) => {
|
|
|
- // item.sliced = false
|
|
|
- // item.selected = false
|
|
|
+ item.sliced = false
|
|
|
+ item.selected = false
|
|
|
if (index == i) {
|
|
|
- item.sliced = true
|
|
|
- item.selected = true
|
|
|
+ // item.sliced = true
|
|
|
+ // item.selected = true
|
|
|
}
|
|
|
})
|
|
|
chart.update({
|
|
|
@@ -2003,8 +2002,8 @@ let app = new Vue({
|
|
|
if (i === len) {
|
|
|
i = 0;
|
|
|
chartData.forEach((item, index) => {
|
|
|
- // item.sliced = false
|
|
|
- // item.selected = false
|
|
|
+ item.sliced = false
|
|
|
+ item.selected = false
|
|
|
})
|
|
|
chart.update({
|
|
|
series: [{
|
|
|
@@ -2159,13 +2158,13 @@ let app = new Vue({
|
|
|
itemStyle: {
|
|
|
// barBorderRadius: [10, 10, 0, 0],
|
|
|
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
|
|
- {
|
|
|
+ {
|
|
|
offset: 0,
|
|
|
- color: '#69c0ff',
|
|
|
+ color: '#b9b7c060',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
- color: '#69c0ff',
|
|
|
+ color: '#b9b7c060',
|
|
|
},
|
|
|
]),
|
|
|
},
|
|
|
@@ -2195,7 +2194,7 @@ let app = new Vue({
|
|
|
that.titleName = param.name
|
|
|
that.echartEnterpriseShow = true
|
|
|
// 如果是接口版数据版
|
|
|
- if(that.versions){
|
|
|
+ if (that.versions) {
|
|
|
let findData = dataList.find(item => {
|
|
|
return item.mdnb_textfield == param.name
|
|
|
})
|
|
|
@@ -2221,7 +2220,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2431,7 +2430,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2641,7 +2640,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2852,7 +2851,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -3197,11 +3196,11 @@ let app = new Vue({
|
|
|
// });
|
|
|
// })
|
|
|
this.chartCarousel.on('mouseover', (params) => {
|
|
|
- that.$refs.aaa.handleHover(true,1,2,3,4)
|
|
|
+ that.$refs.aaa.handleHover(true, 1, 2, 3, 4)
|
|
|
})
|
|
|
this.chartCarousel.on('mouseout', (params) => {
|
|
|
- that.$refs.aaa.handleHover(false,1,2,3,4)
|
|
|
- })
|
|
|
+ that.$refs.aaa.handleHover(false, 1, 2, 3, 4)
|
|
|
+ })
|
|
|
this.chartCarousel.setOption(option)
|
|
|
// tools.loopShowTooltip(myChart, option, {
|
|
|
// nterval: 2000,
|
|
|
@@ -3520,7 +3519,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#a79c57', '#cc8c29', '#91a65f', '#e1d7da', '#383062', '#034a39','#b48494','#85868b'],
|
|
|
+ colors: ['#a79c57', '#cc8c29', '#034a39', '#383062', '#91a65f', '#e1d7da', '#b48494', '#85868b'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -4824,7 +4823,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#74a55d',
|
|
|
+ color: '#a79c57',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -4844,7 +4843,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#cea446',
|
|
|
+ color: '#cc8c29',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -4864,7 +4863,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#b84b4b',
|
|
|
+ color: '#034a39',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -4884,7 +4883,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#5593ab',
|
|
|
+ color: '#383062',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -4904,7 +4903,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#2a7652',
|
|
|
+ color: '#91a65f',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -4964,7 +4963,7 @@ let app = new Vue({
|
|
|
}
|
|
|
})
|
|
|
let option = {
|
|
|
- color: ['#74a55d', '#cea446', '#b84b4b'],
|
|
|
+ color: ['#1a5137', '#8e6b1f', '#5f2226'],
|
|
|
dataZoom: [
|
|
|
{
|
|
|
// start: 9,//默认为@
|
|
|
@@ -5017,7 +5016,7 @@ let app = new Vue({
|
|
|
fontFamily: 'Microsoft YaHei'
|
|
|
},
|
|
|
formatter: data => {
|
|
|
- return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color}"></span> ${data[0].seriesName}：${data[0].data[1]}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color}"></span> ${data[1].seriesName}：${data[1].data[1]}亿<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[2].color}"></span> ${data[2].seriesName}：${data[2].data[1]}亿`
|
|
|
+ return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color}"></span> ${data[0].seriesName}：${data[0].data[1]}%<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color}"></span> ${data[1].seriesName}：${data[1].data[1]}%<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[2].color}"></span> ${data[2].seriesName}：${data[2].data[1]}%`
|
|
|
},
|
|
|
axisPointer: {
|
|
|
// // type: 'cross',',
|
|
|
@@ -5030,7 +5029,7 @@ let app = new Vue({
|
|
|
bottom: '5%',
|
|
|
},
|
|
|
yAxis: {
|
|
|
- name: '亿',
|
|
|
+ name: '',
|
|
|
splitLine: {
|
|
|
show: true,
|
|
|
lineStyle: {
|
|
|
@@ -5043,7 +5042,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: '{value}',
|
|
|
+ formatter: '{value}%',
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: '20',
|
|
|
@@ -5102,7 +5101,7 @@ let app = new Vue({
|
|
|
itemStyle: itemStyle,
|
|
|
data: right5[1],
|
|
|
symbolSize: function (data) {
|
|
|
- return Math.sqrt(Math.abs(data[1])) * 8;
|
|
|
+ return Math.sqrt(Math.abs(data[1])) * 9;
|
|
|
},
|
|
|
},
|
|
|
{
|
|
|
@@ -5111,7 +5110,7 @@ let app = new Vue({
|
|
|
itemStyle: itemStyle,
|
|
|
data: right5[2],
|
|
|
symbolSize: function (data) {
|
|
|
- return Math.sqrt(Math.abs(data[1])) * 7;
|
|
|
+ return Math.sqrt(Math.abs(data[1])) * 9;
|
|
|
},
|
|
|
}
|
|
|
]
|
|
|
@@ -5294,11 +5293,11 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#b84b4b',
|
|
|
+ color: '#5f2226',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
- color: '#b84b4b',
|
|
|
+ color: '#5f2226',
|
|
|
},
|
|
|
]),
|
|
|
},
|
|
|
@@ -5315,11 +5314,11 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#cea446',
|
|
|
+ color: '#8e6b1f',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
- color: '#cea446',
|
|
|
+ color: '#8e6b1f',
|
|
|
},
|
|
|
]),
|
|
|
},
|
|
|
@@ -5336,11 +5335,11 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#2a7652',
|
|
|
+ color: '#1a5137',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
- color: '#2a7652',
|
|
|
+ color: '#1a5137',
|
|
|
},
|
|
|
]),
|
|
|
},
|
|
|
@@ -5552,7 +5551,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#74a55d',
|
|
|
+ color: '#a79c57',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5572,7 +5571,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#cea446',
|
|
|
+ color: '#cc8c29',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5592,7 +5591,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#b84b4b',
|
|
|
+ color: '#034a39',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5612,7 +5611,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#5593ab',
|
|
|
+ color: '#383062',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
zhbyyy