110 lines
2.3 KiB
TypeScript
110 lines
2.3 KiB
TypeScript
|
/*
|
|||
|
|
* This file is part of the kernelstudio package.
|
|||
|
|
*
|
|||
|
|
* (c) 2014-2026 zlin <admin@kernelstudio.com>
|
|||
|
|
*
|
|||
|
|
* For the full copyright and license information, please view the LICENSE file
|
|||
|
|
* that was distributed with this source code.
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
export const commonAxisConfig = {
|
|||
|
|
axisLabel: {
|
|||
|
|
color: '#eee',
|
|||
|
|
fontSize: 12
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
lineStyle: {
|
|||
|
|
color: '#1e3150'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
lineStyle: {
|
|||
|
|
color: '#1e3150'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
lineStyle: {
|
|||
|
|
color: 'rgba(255, 255, 255, 0.1)'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const getRadialGradient = (colorStart: string, colorEnd: string) => {
|
|||
|
|
return {
|
|||
|
|
type: 'radial', // 径向渐变（饼图首选）
|
|||
|
|
x: 0.5, // 渐变中心x坐标（0-1，0.5为饼图中心）
|
|||
|
|
y: 0.5, // 渐变中心y坐标
|
|||
|
|
r: 0.5, // 渐变半径（0-1，0.5适配饼图内半径到外半径）
|
|||
|
|
colorStops: [
|
|||
|
|
{ offset: 0, color: colorStart }, // 中心颜色（深）
|
|||
|
|
{ offset: 1, color: colorEnd } // 边缘颜色（浅）
|
|||
|
|
],
|
|||
|
|
global: false // 局部渐变（仅作用于当前扇区）
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const getVerticalGradient = (colorStart: string, colorEnd: string) => {
|
|||
|
|
return {
|
|||
|
|
type: 'linear',
|
|||
|
|
x: 0,
|
|||
|
|
y: 0,
|
|||
|
|
x2: 0,
|
|||
|
|
y2: 1,
|
|||
|
|
colorStops: [
|
|||
|
|
{ offset: 0, color: colorStart }, // 顶部颜色（深）
|
|||
|
|
{ offset: 1, color: colorEnd } // 底部颜色（浅）
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const xAxisConfig = {
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: 'rgba(255, 255, 255, 0.1)' // 网格线颜色（半透明白色）
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: {
|
|||
|
|
color: '#eee',
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#EEE', // 标题字体颜色
|
|||
|
|
fontSize: 14
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: '#1e3150' // X轴线颜色（可选）
|
|||
|
|
},
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#EEE', // 标题字体颜色
|
|||
|
|
fontSize: 14
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export const yAxisConfig = {
|
|||
|
|
splitLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: 'rgba(255, 255, 255, 0.1)' // 网格线颜色（半透明白色）
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: {
|
|||
|
|
color: '#eee',
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#EEE', // 标题字体颜色
|
|||
|
|
fontSize: 14
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: '#1e3150' // X轴线颜色（可选）
|
|||
|
|
},
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#EEE', // 标题字体颜色
|
|||
|
|
fontSize: 14
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|