function bottomOption(data) { let option = { title: { text: "公司运营趋势", textStyle: { color: "#fff" } }, xAxis: { type: "category", axisLabel: { color: "#fff" }, boundaryGap: false, data: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] }, yAxis: { type: "value", axisLabel: { color: "#fff" } }, series: [ { data: [820, 932, 901, 934, 1290, 1330, 1320, 132, 1111, 321, 342, 134], type: "line", smooth: true, areaStyle: {} } ] }; return option; } function middleOption1(data) { let option = { title: { text: "公司保安类数据对比", textStyle: { color: "#fff" } }, tooltip: { trigger: "axis" }, legend: { data: [ "总保安数", "正常保安数", "持证保安数", "过考保安数", "缴纳社保保安数", "缴纳社保数" ], bottom: "2%", textStyle: { color: "#fff" } }, grid: { left: "3%", right: "4%", bottom: "15%", containLabel: true }, xAxis: { type: "category", boundaryGap: false, axisLabel: { color: "#fff" }, data: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] }, yAxis: { type: "value", axisLabel: { color: "#fff" } }, series: [ { name: "总保安数", type: "line", stack: "总量", data: [120, 132, 101, 134, 90, 230, 210, 214, 123, 22, 132, 321] }, { name: "正常保安数", type: "line", stack: "总量", data: [220, 182, 191, 234, 290, 330, 310, 111, 222, 132, 143, 123] }, { name: "持证保安数", type: "line", stack: "总量", data: [150, 232, 201, 154, 190, 330, 410, 132, 111, 222, 132, 43] }, { name: "过考保安数", type: "line", stack: "总量", data: [320, 332, 301, 334, 390, 330, 320, 233, 123, 432, 122, 11] }, { name: "缴纳社保保安数", type: "line", stack: "总量", data: [120, 132, 101, 134, 120, 130, 132, 222, 111, 123, 341, 123] }, { name: "缴纳社保数", type: "line", stack: "总量", data: [120, 132, 101, 134, 1210, 130, 120, 22, 123, 33, 21, 13] } ] }; return option; } function middleOption2(data) { let option = { title: { text: "服务客户", textStyle: { color: "#fff" } }, tooltip: { trigger: "axis", axisPointer: { type: "shadow" } }, legend: { data: ["客户数"], bottom: "5%", textStyle: { color: "#fff" } }, grid: { left: "3%", right: "4%", bottom: "7%", containLabel: true }, xAxis: { type: "value", boundaryGap: [0, 0.01], axisLabel: { color: "#fff" } }, yAxis: { type: "category", axisLabel: { color: "#fff" }, data: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] }, series: [ { name: "2011年", type: "bar", data: [231, 123, 441, 123, 321, 333, 111, 221, 332, 442, 132, 51] } ] }; return option; } export default { bottomOption, middleOption1, middleOption2 };