| | |
| | | |
| | | option = { |
| | | title: { |
| | | text: "某站点用户访问来源", |
| | | text: "保安员审查情况统计", |
| | | subtext: "纯属虚构", |
| | | left: "center", |
| | | }, |
| | |
| | | |
| | | option = { |
| | | title: { |
| | | text: "某站点用户访问来源", |
| | | text: "保安员持证情况统计", |
| | | subtext: "纯属虚构", |
| | | left: "center", |
| | | }, |
| | |
| | | |
| | | this.EC2.setOption(option); |
| | | }, |
| | | setEC3() {}, |
| | | setEC4() {}, |
| | | setEC3() { |
| | | var option = { |
| | | title: { |
| | | text: "保安员考试情况统计", |
| | | left: "center", |
| | | top:20 |
| | | }, |
| | | tooltip: { |
| | | trigger: "axis", |
| | | axisPointer: { |
| | | type: "cross", |
| | | label: { |
| | | backgroundColor: "#6a7985", |
| | | }, |
| | | }, |
| | | }, |
| | | legend: { |
| | | data: ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"], |
| | | }, |
| | | toolbox: { |
| | | feature: { |
| | | saveAsImage: {}, |
| | | }, |
| | | }, |
| | | grid: { |
| | | left: "3%", |
| | | right: "4%", |
| | | bottom: "3%", |
| | | containLabel: true, |
| | | }, |
| | | xAxis: [ |
| | | { |
| | | type: "category", |
| | | boundaryGap: false, |
| | | data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"], |
| | | }, |
| | | ], |
| | | yAxis: [ |
| | | { |
| | | type: "value", |
| | | }, |
| | | ], |
| | | series: [ |
| | | { |
| | | name: "邮件营销", |
| | | type: "line", |
| | | stack: "总量", |
| | | areaStyle: {}, |
| | | emphasis: { |
| | | focus: "series", |
| | | }, |
| | | data: [120, 132, 101, 134, 90, 230, 210], |
| | | }, |
| | | { |
| | | name: "联盟广告", |
| | | type: "line", |
| | | stack: "总量", |
| | | areaStyle: {}, |
| | | emphasis: { |
| | | focus: "series", |
| | | }, |
| | | data: [220, 182, 191, 234, 290, 330, 310], |
| | | }, |
| | | { |
| | | name: "视频广告", |
| | | type: "line", |
| | | stack: "总量", |
| | | areaStyle: {}, |
| | | emphasis: { |
| | | focus: "series", |
| | | }, |
| | | data: [150, 232, 201, 154, 190, 330, 410], |
| | | }, |
| | | { |
| | | name: "直接访问", |
| | | type: "line", |
| | | stack: "总量", |
| | | areaStyle: {}, |
| | | emphasis: { |
| | | focus: "series", |
| | | }, |
| | | data: [320, 332, 301, 334, 390, 330, 320], |
| | | }, |
| | | { |
| | | name: "搜索引擎", |
| | | type: "line", |
| | | stack: "总量", |
| | | label: { |
| | | show: true, |
| | | position: "top", |
| | | }, |
| | | areaStyle: {}, |
| | | emphasis: { |
| | | focus: "series", |
| | | }, |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | }, |
| | | ], |
| | | }; |
| | | |
| | | this.EC3.setOption(option); |
| | | }, |
| | | setEC4() { |
| | | var option = { |
| | | title: { |
| | | text: "派遣服务单位统计", |
| | | left: "center", |
| | | }, |
| | | xAxis: { |
| | | type: "category", |
| | | data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
| | | }, |
| | | yAxis: { |
| | | type: "value", |
| | | }, |
| | | series: [ |
| | | { |
| | | data: [120, 200, 150, 80, 70, 110, 130], |
| | | type: "bar", |
| | | }, |
| | | ], |
| | | }; |
| | | this.EC4.setOption(option); |
| | | }, |
| | | setEC5() { |
| | | var option; |
| | | |
| | | option = { |
| | | title: { |
| | | text: "某站点用户访问来源", |
| | | text: "保安派遣情况统计", |
| | | subtext: "纯属虚构", |
| | | left: "center", |
| | | }, |
| | |
| | | |
| | | option = { |
| | | title: { |
| | | text: "某站点用户访问来源", |
| | | text: "社保缴纳情况统计", |
| | | subtext: "纯属虚构", |
| | | left: "center", |
| | | }, |
| | |
| | | |
| | | this.EC6.setOption(option); |
| | | }, |
| | | biginOUREC(){ |
| | | biginOUREC() { |
| | | this.setEC1(); |
| | | this.setEC2(); |
| | | this.setEC3(); |
| | | this.setEC4(); |
| | | this.setEC5(); |
| | | this.setEC6(); |
| | | } |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.$nextTick(() => { |