283 lines
7.0 KiB
JavaScript
283 lines
7.0 KiB
JavaScript
|
/** 创建一个车次数据点*/
|
|||
|
|
export function createMartPoint(opt) {
|
|||
|
|
const rotate = opt.directionCode === '2' ? 45 : (opt.directionCode === '1' ? -45 : 0)
|
|||
|
|
const position = opt.type ? 'insideBottomLeft' : 'insideTopLeft'
|
|||
|
|
return {
|
|||
|
|
coord: opt.coord,
|
|||
|
|
name: opt.name,
|
|||
|
|
label: {
|
|||
|
|
normal: {
|
|||
|
|
rotate: rotate,
|
|||
|
|
formatter: '{b}',
|
|||
|
|
backgroundColor: 'rgb(242,242,242,0.1)',
|
|||
|
|
color: 'black',
|
|||
|
|
position: position
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 创建一个车次数据序列*/
|
|||
|
|
export function createSeriesModel(opt, lineStyle) {
|
|||
|
|
if (opt) {
|
|||
|
|
return {
|
|||
|
|
z: opt.z || 5,
|
|||
|
|
zlevel: opt.zlevel || 0,
|
|||
|
|
type: 'line',
|
|||
|
|
name: opt.name,
|
|||
|
|
data: opt.data,
|
|||
|
|
sampling: 'average',
|
|||
|
|
lineStyle: lineStyle || {},
|
|||
|
|
markPoint: {
|
|||
|
|
symbol: 'roundRect',
|
|||
|
|
symbolSize: 1,
|
|||
|
|
data: opt.markPointData
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 创建标记横线*/
|
|||
|
|
export function createMarkLineModels(stations, computedYaxis) {
|
|||
|
|
const markLineModel = {}
|
|||
|
|
if (stations && stations.length) {
|
|||
|
|
markLineModel.type = 'line'
|
|||
|
|
markLineModel.name = 'markline'
|
|||
|
|
markLineModel.markLine = {}
|
|||
|
|
markLineModel.markLine.silent = true
|
|||
|
|
markLineModel.markLine.data = []
|
|||
|
|
markLineModel.markLine.lineStyle = { color: '#B0C4DE', width: 0.5 }
|
|||
|
|
markLineModel.markLine.symbol = 'none'
|
|||
|
|
stations.forEach((elem, index) => {
|
|||
|
|
markLineModel.markLine.data.push(
|
|||
|
|
{
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'start',
|
|||
|
|
formatter: elem.name,
|
|||
|
|
color: 'black'
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'solid',
|
|||
|
|
width: 0.5,
|
|||
|
|
opacity: 0.5
|
|||
|
|
},
|
|||
|
|
yAxis: computedYaxis(elem, index)
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
return markLineModel
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 创建不会重复颜色的内部对象*/
|
|||
|
|
export const HexColor = {
|
|||
|
|
colorIndex: 0,
|
|||
|
|
difValue: 0.25, // 一般为0.25
|
|||
|
|
oddColor: null,
|
|||
|
|
eveColor: null,
|
|||
|
|
oldColor: null,
|
|||
|
|
newColor: null,
|
|||
|
|
colorList: [
|
|||
|
|
'#000000', '#0000FF', '#8A2BE2', '#A52A2A', '#DEB887', '#5F9EA0', '#7FFF00', '#FF7F50', '#6495ED', '#DC143C',
|
|||
|
|
'#00FFFF', '#008B8B', '#B8860B', '#BDB76B', '#8B008B', '#FF8C00', '#9932CC', '#8FBC8F', '#FF1493', '#00BFFF',
|
|||
|
|
'#FF00FF', '#FFD700', '#FF69B4', '#FF4500', '#DB7093', '#4169E1', '#6A5ACD', '#00FF7F', '#EE82EE', '#40E0D0'
|
|||
|
|
],
|
|||
|
|
randomHsl: function () {
|
|||
|
|
const h = Math.random()
|
|||
|
|
const s = Math.random()
|
|||
|
|
const l = Math.random()
|
|||
|
|
return [h, s, l]
|
|||
|
|
},
|
|||
|
|
hslToRgb: function (h, s, l) {
|
|||
|
|
let r, g, b
|
|||
|
|
|
|||
|
|
if (s === 0) {
|
|||
|
|
r = g = b = l // achromatic
|
|||
|
|
} else {
|
|||
|
|
const hue2rgb = function hue2rgb(p, q, t) {
|
|||
|
|
if (t < 0) t += 1
|
|||
|
|
if (t > 1) t -= 1
|
|||
|
|
if (t < 1 / 6) return p + (q - p) * 6 * t
|
|||
|
|
if (t < 1 / 2) return q
|
|||
|
|
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6
|
|||
|
|
return p
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const q = l < 0.5 ? l * (1 + s) : l + s - l * s
|
|||
|
|
const p = 2 * l - q
|
|||
|
|
r = hue2rgb(p, q, h + 1 / 3)
|
|||
|
|
g = hue2rgb(p, q, h)
|
|||
|
|
b = hue2rgb(p, q, h - 1 / 3)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)]
|
|||
|
|
},
|
|||
|
|
rgbToHsl: function (r, g, b) {
|
|||
|
|
// eslint-disable-next-line no-sequences
|
|||
|
|
r /= 255, g /= 255, b /= 255
|
|||
|
|
const max = Math.max(r, g, b); const min = Math.min(r, g, b)
|
|||
|
|
let h; let s; const l = (max + min) / 2
|
|||
|
|
|
|||
|
|
if (max === min) {
|
|||
|
|
h = s = 0 // achromatic
|
|||
|
|
} else {
|
|||
|
|
const d = max - min
|
|||
|
|
s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
|
|||
|
|
switch (max) {
|
|||
|
|
case r: h = (g - b) / d + (g < b ? 6 : 0); break
|
|||
|
|
case g: h = (b - r) / d + 2; break
|
|||
|
|
case b: h = (r - g) / d + 4; break
|
|||
|
|
}
|
|||
|
|
h /= 6
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return [h, s, l]
|
|||
|
|
},
|
|||
|
|
// 固定颜色
|
|||
|
|
ColorFixed() {
|
|||
|
|
var color = this.colorList[this.colorIndex++ % this.colorList.length]
|
|||
|
|
return color
|
|||
|
|
},
|
|||
|
|
// 随机颜色
|
|||
|
|
ColorRandom() {
|
|||
|
|
return '#' + (Math.random() * 0xffffff << 0).toString(16)
|
|||
|
|
},
|
|||
|
|
// 生成和前一个不同的随机颜色
|
|||
|
|
ColorContrast() {
|
|||
|
|
this.newColor = this.randomHsl() // 获取随机的hsl,并且给一个默认的hsl
|
|||
|
|
this.newColor[1] = 0.7 + this.newColor[1] * 0.2 // [0.7 - 0.9] 排除过灰颜色
|
|||
|
|
this.newColor[2] = 0.4 + this.newColor[2] * 0.2 // [0.4 - 0.8] 排除过亮过暗色
|
|||
|
|
|
|||
|
|
/** 如果oldColor不为空时，要根据车次号保证两次生成的颜色差值为difValue*/
|
|||
|
|
this.oldColor = Number(this.colorIndex) % 2 ? this.oddColor : this.eveColor
|
|||
|
|
if (this.oldColor) {
|
|||
|
|
/** 保证本次的颜色和上次的不一致*/
|
|||
|
|
for (let i = 0; i < this.newColor.length && i < this.oldColor.length; i++) {
|
|||
|
|
if (i === 0 && Math.abs(this.newColor[i].toFixed(2) - this.oldColor[i].toFixed(2)) < this.difValue) {
|
|||
|
|
this.toCreate()
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 保存之前的颜色状态*/
|
|||
|
|
if (Number(this.colorIndex) % 2) {
|
|||
|
|
this.oddColor = this.newColor
|
|||
|
|
} else {
|
|||
|
|
this.eveColor = this.newColor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.colorIndex += 1
|
|||
|
|
return `#${this.hslToRgb(...this.newColor).map(e => { return Number(e).toString(16) }).join('')}`
|
|||
|
|
},
|
|||
|
|
// 渐进颜色
|
|||
|
|
ColorProgressiveColor() {
|
|||
|
|
},
|
|||
|
|
toCreate: function () {
|
|||
|
|
return this.ColorRandom()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 对list数据进行排序, 相同元素保持原有顺序*/
|
|||
|
|
export function SortListByCallBack(list, callback) {
|
|||
|
|
list.map((elem, index) => { elem[`oldIndex`] = index })
|
|||
|
|
list.sort((a, b) => {
|
|||
|
|
return callback(a, b) || a.oldIndex - b.oldIndex
|
|||
|
|
})
|
|||
|
|
return list
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 将数字转换成asc码*/
|
|||
|
|
export function NumToAsc(num) {
|
|||
|
|
const nmA = 'A'.charCodeAt(0)
|
|||
|
|
const nmZ = 'Z'.charCodeAt(0)
|
|||
|
|
const len = nmZ - nmA + 1
|
|||
|
|
let str = ''
|
|||
|
|
|
|||
|
|
while (num >= 0) {
|
|||
|
|
str = String.fromCharCode(num % len + nmA) + str
|
|||
|
|
num = Math.floor(num / len) - 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return str
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 将asc码转换成数字*/
|
|||
|
|
export function AscToNum(asc) {
|
|||
|
|
const base = 'A'.charCodeAt() - 1
|
|||
|
|
let idx = asc.length - 1
|
|||
|
|
let num = 0
|
|||
|
|
let mulFactor = 1
|
|||
|
|
while (idx >= 0) {
|
|||
|
|
num += (asc[idx].charCodeAt() - base) * mulFactor
|
|||
|
|
mulFactor *= 26
|
|||
|
|
idx -= 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return num
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 将时间格式化前补零*/
|
|||
|
|
export function FormatTime(time) {
|
|||
|
|
let str = `${time}` || ''
|
|||
|
|
if (str) {
|
|||
|
|
const list = str.split(':')
|
|||
|
|
str = list.map(elem => {
|
|||
|
|
return `00000${elem}`.substr(-2)
|
|||
|
|
}).join(':')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return str
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 根据索引获取单元格的数据*/
|
|||
|
|
export function getCellValue(Sheet, index) {
|
|||
|
|
let value
|
|||
|
|
const cell = Sheet[index]
|
|||
|
|
if (cell) {
|
|||
|
|
value = cell.w || cell.v
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return value
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 转换sheet数据为json数据*/
|
|||
|
|
export function ConvertSheetToList(Sheet, isReverse) {
|
|||
|
|
const dataList = []
|
|||
|
|
|
|||
|
|
if (Sheet) {
|
|||
|
|
const refarea = Sheet['!ref']
|
|||
|
|
const regular = /([a-zA-Z]+)([0-9]+):([a-zA-Z]+)([0-9]+)/i
|
|||
|
|
|
|||
|
|
if (refarea == null) return [] // "A1:M698"
|
|||
|
|
if (regular.test(refarea)) {
|
|||
|
|
/** 正则转换解析行列数据*/
|
|||
|
|
const CoordList = regular.exec(refarea)
|
|||
|
|
/** 转换数据为二维数组*/
|
|||
|
|
const colBeg = AscToNum(CoordList[1])
|
|||
|
|
const colEnd = AscToNum(CoordList[3])
|
|||
|
|
const rowBeg = Number(CoordList[2])
|
|||
|
|
const rowEnd = Number(CoordList[4])
|
|||
|
|
|
|||
|
|
if (isReverse) {
|
|||
|
|
for (let i = colBeg - 1; i < colEnd; i++) {
|
|||
|
|
dataList.push([])
|
|||
|
|
for (let j = rowBeg; j <= rowEnd; j++) {
|
|||
|
|
dataList[dataList.length - 1].push(getCellValue(Sheet, NumToAsc(i) + j))
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
for (let i = rowBeg; i <= rowEnd; i++) {
|
|||
|
|
dataList.push([])
|
|||
|
|
for (let j = colBeg - 1; j < colEnd; j++) {
|
|||
|
|
dataList[dataList.length - 1].push(getCellValue(Sheet, NumToAsc(j) + i))
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return dataList
|
|||
|
|
}
|