You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
4.2 KiB
115 lines
4.2 KiB
/*
|
|
* @Author: your name
|
|
* @Date: 2021-10-12 11:16:44
|
|
* @LastEditTime: 2021-10-28 15:19:16
|
|
* @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 = [
|
|
// [['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年以上经验']],
|
|
// ];
|
|
import moment from "moment";
|
|
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: '12345'
|
|
},
|
|
legend: {
|
|
y: 'top',
|
|
x: 16,
|
|
icon: 'roundRect',
|
|
textStyle: { //图例文字的样式
|
|
color: '#fff'
|
|
}
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '2%',
|
|
bottom: '4%',
|
|
top: '15%',
|
|
containLabel: true
|
|
},
|
|
tooltip: {
|
|
trigger: "item",
|
|
backgroundColor: "#08182F",
|
|
color: "#fff",
|
|
borderColor: "#3373CC",
|
|
textStyle: {
|
|
color: "#fff", //设置文字颜色
|
|
},
|
|
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[2]}</span>`;
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'time',
|
|
boundaryGap: false,
|
|
axisTick: {
|
|
show: false,
|
|
},
|
|
axisLine: {
|
|
show: false,
|
|
lineStyle: {
|
|
color: "#fff",
|
|
},
|
|
},
|
|
// data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
|
|
axisLabel : {
|
|
formatter: (value) => {
|
|
console.log(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",
|
|
},
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
type: "dashed", // y轴分割线类型
|
|
color: "#012b4b",
|
|
},
|
|
},
|
|
},
|
|
series: data
|
|
};
|
|
|
|
|
|
}
|