|
|
|
@ -8,12 +8,12 @@
|
|
|
|
|
*/
|
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
|
const data = [
|
|
|
|
|
[['10000人以上',37.5,100000000,'A7','无工作经验'],['1000-5000人',11.46,100000000,'A5','无工作经验'],['500-1000人',16,100000000,'A4','无工作经验'],['150-500人',16.92,100000000,'A3','无工作经验'],['50-150人',22.5,100000000,'A2','无工作经验'],['少于50人',11.11,100000000,'A1','无工作经验']],
|
|
|
|
|
[['10000人以上',48.21,150000000,'B7','1-3年经验'],['5000-10000人',50,150000000,'B6','1-3年经验'],['1000-5000人',67.7,150000000,'B5','1-3年经验'],['500-1000人',31,150000000,'B4','1-3年经验'],['150-500人',43.85,150000000,'B3','1-3年经验'],['50-150人',39.17,150000000,'B2','1-3年经验'],['少于50人',46.67,150000000,'B1','1-3年经验']],
|
|
|
|
|
[['10000人以上',10.71,200000000,'C7','3-5年经验'],['5000-10000人',50,200000000,'C6','3-5年经验'],['1000-5000人',14.58,200000000,'C5','3-5年经验'],['500-1000人',37,200000000,'C4','3-5年经验'],['150-500人',24.62,200000000,'C3','3-5年经验'],['50-150人',28.33,200000000,'C2','3-5年经验'],['少于50人',31.11,200000000,'C1','3-5年经验']],
|
|
|
|
|
[['10000人以上',3.57,250000000,'D7','5-7年经验'],['1000-5000人',5.21,250000000,'D5','5-7年经验'],['500-1000人',12,250000000,'D4','5-7年经验'],['150-500人',12.31,250000000,'D3','5-7年经验'],['50-150人',6.67,250000000,'D2','5-7年经验'],['少于50人',11.11,250000000,'D1','5-7年经验']],
|
|
|
|
|
[['500-1000人',4,300000000,'E4','7-10年经验'],['150-500人',0.77,300000000,'E3','7-10年经验'],['50-150人',0.83,300000000,'E2','7-10年经验']],
|
|
|
|
|
[['1000-5000人',1.04,350000000,'F5','10年以上经验'],['150-500人',1.54,350000000,'F3','10年以上经验'],['50-150人',2.5,350000000,'F2','10年以上经验']],
|
|
|
|
|
[['24:00',37.5,100000000,'A7','车展'],['16:00',11.46,100000000,'A5','车展'],['12:00',16,100000000,'A4','车展'],['08:00',16.92,100000000,'A3','车展'],['04:00',22.5,100000000,'A2','车展'],['00:00',11.11,100000000,'A1','车展']],
|
|
|
|
|
[['24:00',48.21,150000000,'B7','新车上市'],['20:00',50,150000000,'B6','新车上市'],['16:00',67.7,150000000,'B5','新车上市'],['12:00',31,150000000,'B4','新车上市'],['08:00',43.85,150000000,'B3','新车上市'],['04:00',39.17,150000000,'B2','新车上市'],['00:00',46.67,150000000,'B1','新车上市']],
|
|
|
|
|
[['24:00',10.71,200000000,'C7','3-5年经验'],['20:00',50,200000000,'C6','3-5年经验'],['16:00',14.58,200000000,'C5','3-5年经验'],['12:00',37,200000000,'C4','3-5年经验'],['08:00',24.62,200000000,'C3','3-5年经验'],['04:00',28.33,200000000,'C2','3-5年经验'],['00:00',31.11,200000000,'C1','3-5年经验']],
|
|
|
|
|
[['24:00',3.57,250000000,'D7','5-7年经验'],['16:00',5.21,250000000,'D5','5-7年经验'],['12:00',12,250000000,'D4','5-7年经验'],['08:00',12.31,250000000,'D3','5-7年经验'],['04:00',6.67,250000000,'D2','5-7年经验'],['00:00',11.11,250000000,'D1','5-7年经验']],
|
|
|
|
|
[['12:00',4,300000000,'E4','7-10年经验'],['08:00',0.77,300000000,'E3','7-10年经验'],['04:00',0.83,300000000,'E2','7-10年经验']],
|
|
|
|
|
[['16:00',1.04,350000000,'F5','10年以上经验'],['08:00',1.54,350000000,'F3','10年以上经验'],['04:00',2.5,350000000,'F2','10年以上经验']],
|
|
|
|
|
];
|
|
|
|
|
export default function createOpt() {
|
|
|
|
|
return {
|
|
|
|
@ -28,7 +28,7 @@ export default function createOpt() {
|
|
|
|
|
textStyle: { //图例文字的样式
|
|
|
|
|
color: '#fff'
|
|
|
|
|
},
|
|
|
|
|
data: ['无工作经验', '1-3年经验','3-5年经验','5-7年经验','7-10年经验','10年以上经验']
|
|
|
|
|
data: ['车展', '新车上市','3-5年经验','5-7年经验','7-10年经验','10年以上经验']
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
@ -48,12 +48,8 @@ export default function createOpt() {
|
|
|
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
data:['少于50人','50-150人','150-500人','500-1000人','1000-5000人','5000-10000人','10000人以上'],
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
type: 'dashed'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
type: 'category',
|
|
|
|
|
boundaryGap: false,
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
@ -63,10 +59,10 @@ export default function createOpt() {
|
|
|
|
|
color: "#fff",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
type: 'value',
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: false,
|
|
|
|
|
lineStyle: {
|
|
|
|
@ -75,19 +71,15 @@ export default function createOpt() {
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
type: 'dashed',
|
|
|
|
|
type: "dashed", // y轴分割线类型
|
|
|
|
|
color: "#012b4b",
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
scale: true,
|
|
|
|
|
axisLabel : {
|
|
|
|
|
formatter: '{value} %'
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '无工作经验',
|
|
|
|
|
name: '车展',
|
|
|
|
|
data: data[0],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
@ -110,7 +102,7 @@ export default function createOpt() {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '1-3年经验',
|
|
|
|
|
name: '新车上市',
|
|
|
|
|
data: data[1],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
@ -132,97 +124,6 @@ export default function createOpt() {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '3-5年经验',
|
|
|
|
|
data: data[2],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(255, 192, 0, 0.5)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(255, 192, 0)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(255, 192, 0)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '5-7年经验',
|
|
|
|
|
data: data[3],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(91, 155, 213, 0.)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(91, 155, 213)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(91, 155, 213)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '7-10年经验',
|
|
|
|
|
data: data[4],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(112, 173, 71, 0.5)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(112, 173, 71)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(112, 173, 71)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '10年以上经验',
|
|
|
|
|
data: data[5],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(129, 227, 238, 0.5)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(129, 227, 238)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(25, 183, 207)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|