|
|
@@ -2,9 +2,9 @@
|
|
|
$(function () {
|
|
|
echarts_1();
|
|
|
echarts_2();
|
|
|
- echarts_3();
|
|
|
+ // echarts_3();
|
|
|
echarts_4();
|
|
|
- // echarts_5();
|
|
|
+ echarts_5();
|
|
|
echarts_6();
|
|
|
zb1();
|
|
|
zb2();
|
|
|
@@ -177,7 +177,7 @@ function echarts_3() {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- data: ['模拟考试1', '模拟考试2', '模拟考试3', '模拟考试4', '模拟考试5', '模拟考试6', '模拟考试7', '模拟考试8', '模拟考试9']
|
|
|
+ data: ['模拟考1', '模拟考2', '模拟考3', '模拟考4', '模拟考5', '模拟考6', '模拟考7', '模拟考8', '模拟考9', '模拟考10']
|
|
|
|
|
|
}, {
|
|
|
|
|
|
@@ -186,8 +186,6 @@ function echarts_3() {
|
|
|
position: 'bottom',
|
|
|
offset: 20,
|
|
|
|
|
|
-
|
|
|
-
|
|
|
}],
|
|
|
|
|
|
yAxis: [{
|
|
|
@@ -245,7 +243,7 @@ function echarts_3() {
|
|
|
borderWidth: 12
|
|
|
}
|
|
|
},
|
|
|
- data: [70, 85, 65, 82, 94, 84,88,92,90]
|
|
|
+ data: [70, 85, 65, 82, 94, 84,88,92,90,88]
|
|
|
|
|
|
},
|
|
|
|
|
|
@@ -292,7 +290,7 @@ option = {
|
|
|
},
|
|
|
xAxis: [{
|
|
|
type: 'category',
|
|
|
- data: ['011区队', '012区队', '013区队', '014区队', '015区队', '016区队', '017区队', '018区队'],
|
|
|
+ data: ['011区队', '012区队', '013区队', '014区队', '015区队', '016区队', '017区队', '018区队', '019区队', '020区队', '021区队', '022区队','023区队', '024区队'],
|
|
|
axisLine: {
|
|
|
show: true,
|
|
|
lineStyle: {
|
|
|
@@ -346,7 +344,7 @@ option = {
|
|
|
series: [{
|
|
|
name: '2017年',
|
|
|
type: 'bar',
|
|
|
- data: [87, 99, 85, 82, 86, 94, 86, 72],
|
|
|
+ data: [87, 99, 85, 82, 86, 94, 86, 82,92, 96, 94, 86, 78,75],
|
|
|
barWidth:'15', //柱子宽度
|
|
|
// barGap: 1, //柱子之间间距
|
|
|
itemStyle: {
|
|
|
@@ -381,127 +379,133 @@ option = {
|
|
|
myChart.resize();
|
|
|
});
|
|
|
}
|
|
|
-// function echarts_5() {
|
|
|
-// // 基于准备好的dom，初始化echarts实例
|
|
|
-// var myChart = echarts.init(document.getElementById('echart5'));
|
|
|
-// option = {
|
|
|
-// // backgroundColor: '#00265f',
|
|
|
-// tooltip: {
|
|
|
-// trigger: 'axis',
|
|
|
-// axisPointer: {
|
|
|
-// type: 'shadow'
|
|
|
-// }
|
|
|
-// },
|
|
|
-// legend: {
|
|
|
-// data: ['2017年', '2018年'],
|
|
|
-// align: 'right',
|
|
|
-// right: '40%',
|
|
|
-// top:'0%',
|
|
|
-// textStyle: {
|
|
|
-// color: "#fff",
|
|
|
-// fontSize: '16',
|
|
|
-//
|
|
|
-// },
|
|
|
-//
|
|
|
-// itemGap: 35
|
|
|
-// },
|
|
|
-// grid: {
|
|
|
-// left: '0%',
|
|
|
-// top:'40px',
|
|
|
-// right: '0%',
|
|
|
-// bottom: '2%',
|
|
|
-// containLabel: true
|
|
|
-// },
|
|
|
-// xAxis: [{
|
|
|
-// type: 'category',
|
|
|
-// data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
|
|
|
-// axisLine: {
|
|
|
-// show: true,
|
|
|
-// lineStyle: {
|
|
|
-// color: "rgba(255,255,255,.1)",
|
|
|
-// width: 1,
|
|
|
-// type: "solid"
|
|
|
-// },
|
|
|
-// },
|
|
|
-// axisTick: {
|
|
|
-// show: false,
|
|
|
-// },
|
|
|
-// axisLabel: {
|
|
|
-// interval: 0,
|
|
|
-// // rotate:50,
|
|
|
-// show: true,
|
|
|
-// splitNumber: 15,
|
|
|
-// textStyle: {
|
|
|
-// color: "rgba(255,255,255,.6)",
|
|
|
-// fontSize: '16',
|
|
|
-// },
|
|
|
-// },
|
|
|
-// }],
|
|
|
-// yAxis: [{
|
|
|
-// type: 'value',
|
|
|
-// axisLabel: {
|
|
|
-// //formatter: '{value} %'
|
|
|
-// show:true,
|
|
|
-// textStyle: {
|
|
|
-// color: "rgba(255,255,255,.6)",
|
|
|
-// fontSize: '16',
|
|
|
-// },
|
|
|
-// },
|
|
|
-// axisTick: {
|
|
|
-// show: false,
|
|
|
-// },
|
|
|
-// axisLine: {
|
|
|
-// show: true,
|
|
|
-// lineStyle: {
|
|
|
-// color: "rgba(255,255,255,.1 )",
|
|
|
-// width: 1,
|
|
|
-// type: "solid"
|
|
|
-// },
|
|
|
-// },
|
|
|
-// splitLine: {
|
|
|
-// lineStyle: {
|
|
|
-// color: "rgba(255,255,255,.1)",
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }],
|
|
|
-// series: [{
|
|
|
-// name: '2017年',
|
|
|
-// type: 'line',
|
|
|
-//
|
|
|
-// data: [2, 6, 3, 8, 5, 8, 10, 13, 8, 5, 6, 9],
|
|
|
-//
|
|
|
-// itemStyle: {
|
|
|
-// normal: {
|
|
|
-// color:'#2f89cf',
|
|
|
-// opacity: 1,
|
|
|
-//
|
|
|
-// barBorderRadius: 5,
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }, {
|
|
|
-// name: '2018年',
|
|
|
-// type: 'line',
|
|
|
-// data: [5, 2, 6, 4, 5, 12, 5, 17, 9, 2, 6, 3],
|
|
|
-// barWidth:'15',
|
|
|
-// // barGap: 1,
|
|
|
-// itemStyle: {
|
|
|
-// normal: {
|
|
|
-// color:'#62c98d',
|
|
|
-// opacity: 1,
|
|
|
-// barBorderRadius: 5,
|
|
|
-// }
|
|
|
-// }
|
|
|
-// },
|
|
|
-// ]
|
|
|
-// };
|
|
|
-//
|
|
|
-//
|
|
|
-// // 使用刚指定的配置项和数据显示图表。
|
|
|
-// myChart.setOption(option);
|
|
|
-// window.addEventListener("resize",function(){
|
|
|
-// myChart.resize();
|
|
|
-// });
|
|
|
-// }
|
|
|
+function echarts_5() {
|
|
|
+ // 基于准备好的dom，初始化echarts实例
|
|
|
+ var myChart = echarts.init(document.getElementById('echart5'));
|
|
|
+option = {
|
|
|
+ // backgroundColor: '#00265f',
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ // type: 'shadow'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // legend: {
|
|
|
+ // // data: ['2017年', '2018年'],
|
|
|
+ // align: 'right',
|
|
|
+ // right: '40%',
|
|
|
+ // top:'0%',
|
|
|
+ // // textStyle: {
|
|
|
+ // // color: "#fff",
|
|
|
+ // // fontSize: '16',
|
|
|
+ // //
|
|
|
+ // // },
|
|
|
+ //
|
|
|
+ // // itemGap: 35
|
|
|
+ // },
|
|
|
+ grid: {
|
|
|
+ left: '0%',
|
|
|
+ top:'40px',
|
|
|
+ right: '0%',
|
|
|
+ bottom: '2%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ xAxis: [{
|
|
|
+ type: 'category',
|
|
|
+ // data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
|
|
|
+ data: ['模拟考1', '模拟考2', '模拟考3', '模拟考4', '模拟考5', '模拟考6', '模拟考7', '模拟考8', '模拟考9', '模拟考10', '模拟考11', '模拟考12'],
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "rgba(255,255,255,.1)",
|
|
|
+ width: 1,
|
|
|
+ type: "solid"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ interval: 0,
|
|
|
+ // rotate:50,
|
|
|
+ show: true,
|
|
|
+ splitNumber: 15,
|
|
|
+ textStyle: {
|
|
|
+ color: "rgba(255,255,255,.6)",
|
|
|
+ fontSize: '16',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }],
|
|
|
+ yAxis: [{
|
|
|
+ type: 'value',
|
|
|
+ axisLabel: {
|
|
|
+ //formatter: '{value} %'
|
|
|
+ show:true,
|
|
|
+ textStyle: {
|
|
|
+ color: "rgba(255,255,255,.6)",
|
|
|
+ fontSize: '16',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ color: "rgba(255,255,255,.1 )",
|
|
|
+ width: 1,
|
|
|
+ type: "solid"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: "rgba(255,255,255,.1)",
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }],
|
|
|
+ series: [
|
|
|
+ // {
|
|
|
+ // name: '2017年',
|
|
|
+ // type: 'line',
|
|
|
+ //
|
|
|
+ // data: [2, 6, 3, 8, 5, 8, 10, 13, 8, 5, 6, 9],
|
|
|
+ //
|
|
|
+ // itemStyle: {
|
|
|
+ // normal: {
|
|
|
+ // color:'#2f89cf',
|
|
|
+ // opacity: 1,
|
|
|
+ //
|
|
|
+ // barBorderRadius: 5,
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ name: '2018年',
|
|
|
+ type: 'line',
|
|
|
+ // data: [5, 2, 6, 4, 5, 12, 5, 17, 9, 2, 6, 3],
|
|
|
+ data: [70, 85, 65, 82, 94, 84,75,92,70,88,65,89],
|
|
|
+ barWidth:'15',
|
|
|
+ // barGap: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color:'#62c98d',
|
|
|
+ opacity: 1,
|
|
|
+ barBorderRadius: 5,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ]
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+ // 使用刚指定的配置项和数据显示图表。
|
|
|
+ myChart.setOption(option);
|
|
|
+ window.addEventListener("resize",function(){
|
|
|
+ myChart.resize();
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
function echarts_6() {
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('echart6'));
|
