|
|
|
@ -1,25 +1,36 @@
|
|
|
|
|
/*
|
|
|
|
|
* @Author: your name
|
|
|
|
|
* @Date: 2021-10-12 11:16:44
|
|
|
|
|
* @LastEditTime: 2021-10-12 13:19:28
|
|
|
|
|
* @LastEditTime: 2021-11-01 15:14:39
|
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
|
* @Description: In User Settings Edit
|
|
|
|
|
* @FilePath: /data-show/src/views/BrandInsight/popularEvents/opt.js
|
|
|
|
|
*/
|
|
|
|
|
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年以上经验']],
|
|
|
|
|
];
|
|
|
|
|
export default function createOpt() {
|
|
|
|
|
// import * as echarts from "echarts";
|
|
|
|
|
|
|
|
|
|
// import moment from "moment";
|
|
|
|
|
import { bigNumberTransform } from "@/utils/gol/dataTool"
|
|
|
|
|
function createData(obj = {}) {
|
|
|
|
|
let arr = [];
|
|
|
|
|
for (let key in obj) {
|
|
|
|
|
let o = {
|
|
|
|
|
name: key,
|
|
|
|
|
data: obj[key],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return data[2]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
arr.push(o)
|
|
|
|
|
}
|
|
|
|
|
return arr
|
|
|
|
|
}
|
|
|
|
|
export default function createOpt(ds = {}) {
|
|
|
|
|
const data = createData(ds)
|
|
|
|
|
return {
|
|
|
|
|
title: {
|
|
|
|
|
show: false,
|
|
|
|
|
text: '湘西自治州不同规模企业对岗位工作经验要求情况'
|
|
|
|
|
text: '12345'
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
y: 'top',
|
|
|
|
@ -27,14 +38,13 @@ export default function createOpt() {
|
|
|
|
|
icon: 'roundRect',
|
|
|
|
|
textStyle: { //图例文字的样式
|
|
|
|
|
color: '#fff'
|
|
|
|
|
},
|
|
|
|
|
data: ['无工作经验', '1-3年经验','3-5年经验','5-7年经验','7-10年经验','10年以上经验']
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
|
right: '2%',
|
|
|
|
|
bottom: '4%',
|
|
|
|
|
top: '15%',
|
|
|
|
|
left: 16,
|
|
|
|
|
right: '5%',
|
|
|
|
|
bottom: 10,
|
|
|
|
|
top: 42,
|
|
|
|
|
containLabel: true
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
@ -45,15 +55,15 @@ export default function createOpt() {
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#fff", //设置文字颜色
|
|
|
|
|
},
|
|
|
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
|
|
|
|
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
|
|
|
|
|
formatter: (p) => {
|
|
|
|
|
let data = p.data;
|
|
|
|
|
return `<span>${data[5]}-${data[3]}</span><br><span>${data[4]}</span><br><span>${data[0]}</span><br><span>影响力:${data[2]}</span>`;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
data:['少于50人','50-150人','150-500人','500-1000人','1000-5000人','5000-10000人','10000人以上'],
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
type: 'dashed'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
type: 'time',
|
|
|
|
|
boundaryGap: false,
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
@ -63,168 +73,44 @@ export default function createOpt() {
|
|
|
|
|
color: "#fff",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
// data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
|
|
|
|
|
axisLabel : {
|
|
|
|
|
// formatter: (value) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// var str= moment.utc(value).format('HH:mm');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // let str = value.substring(10,16)
|
|
|
|
|
// return str;
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
type: 'value',
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: false,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "#fff",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
formatter: (value) => {
|
|
|
|
|
let str = bigNumberTransform(value);
|
|
|
|
|
return str;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
type: 'dashed',
|
|
|
|
|
type: "dashed", // y轴分割线类型
|
|
|
|
|
color: "#012b4b",
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
scale: true,
|
|
|
|
|
axisLabel : {
|
|
|
|
|
formatter: '{value} %'
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '无工作经验',
|
|
|
|
|
data: data[0],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(251, 118, 123, 0.5)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(251, 118, 123)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(251, 118, 123)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: '1-3年经验',
|
|
|
|
|
data: data[1],
|
|
|
|
|
type: 'scatter',
|
|
|
|
|
symbolSize: function (data) {
|
|
|
|
|
return Math.sqrt(data[2]) / 5e2;
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
shadowBlur: 10,
|
|
|
|
|
shadowColor: 'rgba(237, 125, 49, 0.5)',
|
|
|
|
|
shadowOffsetY: 5,
|
|
|
|
|
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: 'rgb(237, 125, 49)'
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: 'rgb(237, 125, 49)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
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)'
|
|
|
|
|
}])
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
series: data
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|