|
@@ -193,13 +193,15 @@ export default {
|
|
zgTableData: [],
|
|
zgTableData: [],
|
|
selectDeptCode: "",
|
|
selectDeptCode: "",
|
|
selectDeptName: "",
|
|
selectDeptName: "",
|
|
- tableHeight: 280,
|
|
|
|
|
|
+ myChart: null,
|
|
|
|
+ tableHeight: (window.innerHeight - 657) <= 280 ? 280 : window.innerHeight - 657
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
|
|
mounted() {
|
|
mounted() {
|
|
this.resetDate(this.radio);
|
|
this.resetDate(this.radio);
|
|
window.addEventListener('resize', () => {
|
|
window.addEventListener('resize', () => {
|
|
|
|
+ this.myChart.resize()
|
|
this.tableHeight = (window.innerHeight - 657) <= 280 ? 280 : window.innerHeight - 657
|
|
this.tableHeight = (window.innerHeight - 657) <= 280 ? 280 : window.innerHeight - 657
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -278,14 +280,22 @@ export default {
|
|
// 初始化图表
|
|
// 初始化图表
|
|
initChart(xAxisData, seriesData) {
|
|
initChart(xAxisData, seriesData) {
|
|
let myChart = echarts.init(document.getElementById("chartDom"));
|
|
let myChart = echarts.init(document.getElementById("chartDom"));
|
|
|
|
+ this.myChart = myChart
|
|
let option;
|
|
let option;
|
|
|
|
|
|
option = {
|
|
option = {
|
|
|
|
+ title: {
|
|
|
|
+ showTitle: true,
|
|
|
|
+ subtext: "可滚轮缩放、左右拖动查看",
|
|
|
|
+ x: "center",
|
|
|
|
+ y: "20",
|
|
|
|
+ },
|
|
xAxis: {
|
|
xAxis: {
|
|
type: "category",
|
|
type: "category",
|
|
data: xAxisData,
|
|
data: xAxisData,
|
|
},
|
|
},
|
|
yAxis: {
|
|
yAxis: {
|
|
|
|
+ name: '单位 (%)',
|
|
type: "value",
|
|
type: "value",
|
|
},
|
|
},
|
|
legend: {
|
|
legend: {
|
|
@@ -315,10 +325,20 @@ export default {
|
|
grid: {
|
|
grid: {
|
|
show: true,
|
|
show: true,
|
|
left: "35",
|
|
left: "35",
|
|
- top: "23",
|
|
|
|
|
|
+ // top: "23",
|
|
right: "30",
|
|
right: "30",
|
|
bottom: "23",
|
|
bottom: "23",
|
|
},
|
|
},
|
|
|
|
+ dataZoom: [
|
|
|
|
+ {
|
|
|
|
+ id: "dataZoomX",
|
|
|
|
+ type: "inside",
|
|
|
|
+ xAxisIndex: [0],
|
|
|
|
+ filterMode: "none",
|
|
|
|
+ start: 0,
|
|
|
|
+ end: 50,
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
name: "部门培训率",
|
|
name: "部门培训率",
|
|
@@ -382,7 +402,7 @@ export default {
|
|
nowDate.setDate(0)
|
|
nowDate.setDate(0)
|
|
const day = nowDate.getDate()
|
|
const day = nowDate.getDate()
|
|
this.date = [
|
|
this.date = [
|
|
- nowDate.formatDate("yyyy")+ `-${(minMonth < 10 ? "0" + minMonth : maxMonth)}-01`,
|
|
|
|
|
|
+ nowDate.formatDate("yyyy")+ `-${(minMonth < 10 ? "0" + minMonth : minMonth)}-01`,
|
|
nowDate.formatDate("yyyy") +
|
|
nowDate.formatDate("yyyy") +
|
|
`-${(maxMonth < 10 ? "0" + maxMonth : maxMonth)}-${day}`,
|
|
`-${(maxMonth < 10 ? "0" + maxMonth : maxMonth)}-${day}`,
|
|
];
|
|
];
|