Your IP : 18.227.105.110
$(function(e) {
'use strict'
/*-----echart2-----*/
var chartdata = [{
name: 'sales',
type: 'bar',
data: [10, 15, 9, 18, 10, 15]
}, {
name: 'profit',
type: 'line',
smooth: true,
data: [8, 5, 25, 10, 10]
}, {
name: 'growth',
type: 'bar',
data: [10, 14, 10, 15, 9, 25]
}];
var chart = document.getElementById('echart1');
var barChart = echarts.init(chart);
var option = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '25',
},
xAxis: {
data: ['2014', '2015', '2016', '2017', '2018'],
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
tooltip: {
show: true,
showContent: true,
alwaysShowContent: true,
triggerOn: 'mousemove',
trigger: 'axis',
axisPointer: {
label: {
show: false,
}
}
},
yAxis: {
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata,
color: ['#6259ca', '#09ad95', '#eb6f33', ]
};
barChart.setOption(option);
window.addEventListener('resize',function(){
barChart.resize();
})
/*-----echart1-----*/
var chartdata2 = [{
name: 'sales',
type: 'line',
smooth: true,
data: [12, 25, 12, 35, 12, 38],
color: ['#6259ca']
}, {
name: 'Profit',
type: 'line',
smooth: true,
size: 10,
data: [8, 12, 28, 10, 10, 12],
color: ['#eb6f33']
}];
var chart2 = document.getElementById('echart2');
var barChart2 = echarts.init(chart2);
var option2 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '25',
},
xAxis: {
data: ['2014', '2015', '2016', '2017', '2018'],
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata2
};
barChart2.setOption(option2);
window.addEventListener('resize',function(){
barChart2.resize();
})
/*-----echart3-----*/
var option3 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '32',
},
xAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
type: 'category',
data: ['2014', '2015', '2016', '2017', '2018'],
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: '#c0dfd8'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata,
color: ['#6259ca', '#09ad95', '#eb6f33',]
};
var chart3 = document.getElementById('echart3');
var barChart3 = echarts.init(chart3);
barChart3.setOption(option3);
window.addEventListener('resize',function(){
barChart3.resize();
})
/*-----echart4-----*/
var option4 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '32',
},
xAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
type: 'category',
data: ['2014', '2015', '2016', '2017', '2018'],
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata2,
color: ['#0774f8', '#d43f8d', '#09ad95']
};
var chart4 = document.getElementById('echart4');
var barChart4 = echarts.init(chart4);
barChart4.setOption(option4);
window.addEventListener('resize',function(){
barChart4.resize();
})
/*-----echart5-----*/
var chartdata3 = [{
name: 'sales',
type: 'bar',
stack: 'Stack',
data: [14, 18, 20, 14, 29, 21, 25, 14, 24]
}, {
name: 'Profit',
type: 'bar',
stack: 'Stack',
data: [12, 14, 15, 50, 24, 24, 10, 20, 30]
}];
var option5 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '25',
},
xAxis: {
data: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata3,
color: ['#6259ca', '#eb6f33']
};
var chart5 = document.getElementById('echart5');
var barChart5 = echarts.init(chart5);
window.addEventListener('resize',function(){
barChart5.resize();
})
barChart5.setOption(option5);
/*-----echart6-----*/
var option6 = {
grid: {
top: '6',
right: '10',
bottom: '17',
left: '32',
},
xAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
type: 'category',
data: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata3,
color: ['#6259ca', '#eb6f33']
};
var chart6 = document.getElementById('echart6');
var barChart6 = echarts.init(chart6);
barChart6.setOption(option6);
window.addEventListener('resize',function(){
barChart6.resize();
})
/*-----echart7-----*/
var chartdata4 = [{
name: 'data',
type: 'line',
data: [20, 20, 36, 18, 15, 20, 25, 20]
}];
var option7 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '25',
},
xAxis: {
data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata4,
color: ['#6259ca']
};
var chart7 = document.getElementById('echart7');
var lineChart = echarts.init(chart7);
lineChart.setOption(option7);
window.addEventListener('resize',function(){
lineChart.resize();
})
/*-----echart8-----*/
var chartdata5 = [{
name: 'data',
type: 'line',
smooth: true,
data: [20, 20, 36, 18, 15, 20, 25, 20]
}];
var option8 = {
grid: {
top: '6',
right: '0',
bottom: '17',
left: '25',
},
xAxis: {
data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
yAxis: {
splitLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLine: {
lineStyle: {
color: 'rgba(119, 119, 142, 0.2)'
}
},
axisLabel: {
fontSize: 10,
color: '#77778e'
}
},
series: chartdata5,
color: ['#eb6f33']
};
var chart8 = document.getElementById('echart8');
var lineChart2 = echarts.init(chart8);
lineChart2.setOption(option8);
window.addEventListener('resize',function(){
lineChart2.resize();
})
});