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.

515 lines
25 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

layui.define(function(exports) { // 定义一个模块使用layui的模块化机制
exports('echartsTheme', // 导出名为'echartsTheme'的模块
{
"color": [ // 设置图表的颜色数组
"#3fb1e3", // 蓝色
"#6be6c1", // 绿色
"#626c91", // 深蓝色
"#a0a7e6", // 浅蓝色
"#c4ebad", // 浅绿色
"#96dee8" // 浅蓝色
],
"backgroundColor": "rgba(252,252,252,0)", // 设置背景颜色为透明白色
"textStyle": {}, // 文本样式,此处为空对象表示默认样式
"title": { // 标题样式配置
"textStyle": { // 主标题样式
"color": "#666666" // 主标题颜色为灰色
},
"subtextStyle": { // 副标题样式
"color": "#999999" // 副标题颜色为浅灰色
}
},
"line": {
// 设置线条的样式
"itemStyle": {
// 正常状态下的样式
"normal": {
// 边框宽度为3
"borderWidth": "3"
}
},
// 设置线条的样式
"lineStyle": {
// 正常状态下的样式
"normal": {
// 线宽为4
"width": "4"
}
},
// 设置符号的大小为10
"symbolSize": "10",
// 设置符号的形状为空圆
"symbol": "emptyCircle",
// 启用平滑曲线
"smooth": true
},
"radar": {
// 设置雷达图的样式
"itemStyle": {
// 正常状态下的样式
"normal": {
// 边框宽度为3
"borderWidth": "3"
}
},
// 设置线条样式
"lineStyle": {
// 正常状态下的线条样式
"normal": {
// 线条宽度为4
"width": "4"
}
},
// 设置符号大小
"symbolSize": "10",
// 设置符号类型为空心圆
"symbol": "emptyCircle",
// 设置曲线平滑
"smooth": true
},
// 设置柱状图样式
"bar": {
// 设置项目样式
"itemStyle": {
// 正常状态下的柱状图样式
"normal": {
// 柱状图边框宽度为0
"barBorderWidth": 0,
// 柱状图边框颜色为#ccc
"barBorderColor": "#ccc"
},
// 强调状态下的柱状图样式
"emphasis": {
// 柱状图边框宽度为0
"barBorderWidth": 0,
// 柱状图边框颜色为#ccc
"barBorderColor": "#ccc"
}
}
}
"pie": { // 饼图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"scatter": { // 散点图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"boxplot": { // 箱线图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"parallel": { // 平行坐标系配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
}
"sankey": { // 桑基图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"funnel": { // 漏斗图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"gauge": { // 仪表盘配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
},
"emphasis": { // 强调状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色(#ccc
}
}
},
"candlestick": { // 定义K线图样式
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"color": "#e6a0d2", // K线图颜色为粉红色
"color0": "transparent", // 下跌部分的颜色为透明
"borderColor": "#e6a0d2", // 边框颜色为粉红色
"borderColor0": "#3fb1e3", // 下跌部分的边框颜色为蓝色
"borderWidth": "2" // 边框宽度为2
}
}
},
"graph": { // 定义关系图样式
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"borderWidth": 0, // 边框宽度为0
"borderColor": "#ccc" // 边框颜色为灰色
}
},
"lineStyle": { // 线条样式配置
"normal": { // 正常状态下的样式
"width": "1", // 线条宽度为1
"color": "#cccccc" // 线条颜色为浅灰色
}
},
"symbolSize": "10", // 节点大小为10
"symbol": "emptyCircle", // 节点形状为空心圆
"smooth": true, // 是否平滑曲线
"color": [ // 节点颜色数组
"#3fb1e3", // 第一个颜色为蓝色
"#6be6c1", // 第二个颜色为绿色
"#626c91", // 第三个颜色为深蓝色
"#a0a7e6", // 第四个颜色为淡蓝色
"#c4ebad", // 第五个颜色为淡绿色
"#96dee8" // 第六个颜色为浅蓝色
],
"label": { // 标签样式配置
"normal": { // 正常状态下的样式
"textStyle": { // 文本样式配置
"color": "#ffffff" // 文本颜色为白色
}
}
}
}
},
"map": { // 地图配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"areaColor": "#eeeeee", // 区域颜色为浅灰色(#eeeeee
"borderColor": "#aaaaaa", // 边框颜色为中灰色(#aaaaaa
"borderWidth": 0.5 // 边框宽度为0.5
},
"emphasis": { // 强调状态下的样式
"areaColor": "rgba(63,177,227,0.25)", // 区域颜色为半透明蓝色rgba(63,177,227,0.25)
"borderColor": "#3fb1e3", // 边框颜色为蓝色(#3fb1e3
"borderWidth": 1 // 边框宽度为1
}
},
"label": { // 标签配置项
"normal": { // 正常状态下的标签样式
"textStyle": { // 文本样式
"color": "#ffffff" // 文本颜色为白色(#ffffff
}
},
"emphasis": { // 强调状态下的标签样式
"textStyle": { // 文本样式
"color": "rgb(63,177,227)" // 文本颜色为蓝色rgb(63,177,227)
}
}
}
},
"geo": { // 地理坐标系组件配置项
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"areaColor": "#eeeeee", // 区域颜色为浅灰色(#eeeeee
"borderColor": "#aaaaaa", // 边框颜色为中灰色(#aaaaaa
"borderWidth": 0.5 // 边框宽度为0.5
},
"emphasis": { // 强调状态下的样式
"areaColor": "rgba(63,177,227,0.25)", // 区域颜色为半透明蓝色rgba(63,177,227,0.25)
"borderColor": "#3fb1e3", // 边框颜色为蓝色(#3fb1e3
"borderWidth": 1 // 边框宽度为1
}
}
} "label": { // 标签配置项
"normal": { // 正常状态下的样式
"textStyle": { // 文本样式
"color": "#ffffff" // 文本颜色为白色(#ffffff
}
},
"emphasis": { // 强调状态下的样式
"textStyle": { // 文本样式
"color": "rgb(63,177,227)" // 文本颜色为蓝色rgb(63,177,227)
}
}
}
},
"categoryAxis": { // 类目轴配置项
"axisLine": { // 轴线配置
"show": true, // 显示轴线
"lineStyle": { // 线条样式
"color": "#cccccc" // 轴线颜色为浅灰色(#cccccc
}
},
"axisTick": { // 刻度线配置
"show": false, // 不显示刻度线
"lineStyle": { // 线条样式
"color": "#333" // 刻度线颜色为深灰色(#333
}
},
"axisLabel": { // 轴标签配置
"show": true, // 显示轴标签
"textStyle": { // 文本样式
"color": "#999999" // 轴标签颜色为浅灰色(#999999
}
},
"splitLine": { // 分隔线配置
"show": true, // 显示分隔线
"lineStyle": { // 线条样式
"color": [ // 分隔线颜色数组
"#eeeeee" // 分隔线颜色为浅灰色(#eeeeee
]
}
},
"splitArea": { // 分隔区域配置项
"show": false, // 是否显示分隔区域默认为false
"areaStyle": { // 分隔区域的样式配置
"color": [ // 分隔区域的颜色数组
"rgba(250,250,250,0.05)", // 第一个颜色值,半透明白色
"rgba(200,200,200,0.02)" // 第二个颜色值,半透明灰色
]
}
},
"valueAxis": { // 数值轴配置项
"axisLine": { // 轴线配置
"show": true, // 是否显示轴线默认为true
"lineStyle": { // 轴线的样式配置
"color": "#cccccc" // 轴线的颜色,灰色
}
},
"axisTick": { // 刻度线配置
"show": false, // 是否显示刻度线默认为false
"lineStyle": { // 刻度线的样式配置
"color": "#333" // 刻度线的颜色,深灰色
}
},
"axisLabel": { // 轴标签配置
"show": true, // 是否显示轴标签默认为true
"textStyle": { // 轴标签文本的样式配置
"color": "#999999" // 轴标签文本的颜色,浅灰色
}
},
"splitLine": { // 分隔线配置
"show": true, // 是否显示分隔线默认为true
"lineStyle": { // 分隔线的样式配置
"color": [ // 分隔线的颜色数组
"#eeeeee" // 分隔线的颜色,浅灰色
]
}
},
"splitArea": { // 配置图表的分隔区域
"show": false, // 是否显示分隔区域,这里设置为不显示
"areaStyle": { // 分隔区域的样式设置
"color": [ // 分隔区域的颜色数组
"rgba(250,250,250,0.05)", // 第一个颜色值,半透明白色
"rgba(200,200,200,0.02)" // 第二个颜色值,半透明灰色
]
}
},
"logAxis": { // 对数轴的配置
"axisLine": { // 坐标轴线的配置
"show": true, // 是否显示坐标轴线,这里设置为显示
"lineStyle": { // 坐标轴线的样式设置
"color": "#cccccc" // 坐标轴线的颜色,设置为浅灰色
}
},
"axisTick": { // 坐标轴刻度的配置
"show": false, // 是否显示坐标轴刻度,这里设置为不显示
"lineStyle": { // 坐标轴刻度的样式设置
"color": "#333" // 坐标轴刻度的颜色,设置为深灰色
}
},
"axisLabel": { // 坐标轴标签的配置
"show": true, // 是否显示坐标轴标签,这里设置为显示
"textStyle": { // 坐标轴标签文本的样式设置
"color": "#999999" // 坐标轴标签文本的颜色,设置为浅灰色
}
},
"splitLine": { // 分隔线的设置
"show": true, // 是否显示分隔线,这里设置为显示
"lineStyle": { // 分隔线的样式设置
"color": [ // 分隔线的颜色数组
"#eeeeee" // 分隔线的颜色,设置为浅灰色
]
}
},
"splitArea": { // 分隔区域配置项
"show": false, // 是否显示分隔区域默认为false
"areaStyle": { // 分隔区域的样式配置
"color": [ // 分隔区域的颜色数组
"rgba(250,250,250,0.05)", // 第一个颜色值,半透明白色
"rgba(200,200,200,0.02)" // 第二个颜色值,半透明灰色
]
}
},
"timeAxis": { // 时间轴配置项
"axisLine": { // 轴线配置
"show": true, // 是否显示轴线默认为true
"lineStyle": { // 轴线的样式配置
"color": "#cccccc" // 轴线的颜色,灰色
}
},
"axisTick": { // 刻度线配置
"show": false, // 是否显示刻度线默认为false
"lineStyle": { // 刻度线的样式配置
"color": "#333" // 刻度线的颜色,深灰色
}
},
"axisLabel": { // 标签配置
"show": true, // 是否显示标签默认为true
"textStyle": { // 标签文本的样式配置
"color": "#999999" // 标签文本的颜色,浅灰色
}
},
"splitLine": { // 分隔线配置
"show": true, // 是否显示分隔线默认为true
"lineStyle": { // 分隔线的样式配置
"color": [ // 分隔线的颜色数组
"#eeeeee" // 分隔线的颜色,浅灰色
]
}
},
"splitArea": { // 分隔区域配置项
"show": false, // 是否显示分隔区域默认为false
"areaStyle": { // 分隔区域的样式配置
"color": [ // 分隔区域的颜色数组
"rgba(250,250,250,0.05)", // 第一个颜色值,半透明白色
"rgba(200,200,200,0.02)" // 第二个颜色值,半透明灰色
]
}
},
"toolbox": { // 工具箱配置项
"iconStyle": { // 图标样式配置
"normal": { // 正常状态下的样式
"borderColor": "#999999" // 边框颜色为深灰色(#999999
},
"emphasis": { // 强调状态下的样式
"borderColor": "#666666" // 边框颜色为中灰色(#666666
}
}
},
"legend": { // 图例配置项
"textStyle": { // 文本样式配置
"color": "#999999" // 文本颜色为深灰色(#999999
}
},
"tooltip": { // 提示框配置项
"axisPointer": { // 坐标轴指示器配置
"lineStyle": { // 线条样式配置
"color": "#cccccc", // 线条颜色为浅灰色(#cccccc
"width": 1 // 线条宽度为1
},
"crossStyle": { // 十字准星样式配置
"color": "#cccccc", // 颜色为浅灰色(#cccccc
"width": 1 // 宽度为1
}
}
},
"timeline": { // 时间轴配置项
"lineStyle": { // 轴线样式配置
"color": "#626c91", // 轴线颜色,深蓝色
"width": 1 // 轴线宽度为1
},
"itemStyle": { // 项目样式配置
"normal": { // 正常状态下的样式
"color": "#626c91", // 项目颜色,深蓝色
"borderWidth": 1 // 边框宽度为1
},
"emphasis": { // 强调状态下的样式
"color": "#626c91" // 强调状态下的项目颜色,深蓝色
}
},
"controlStyle": { // 控制按钮样式配置
"normal": { // 正常状态下的样式
"color": "#626c91", // 控制按钮颜色,深蓝色
"borderColor": "#626c91", // 控制按钮边框颜色,深蓝色
"borderWidth": 0.5 // 控制按钮边框宽度为0.5
},
"emphasis": { // 强调状态下的样式
"color": "#626c91", // 强调状态下的控制按钮颜色,深蓝色
"borderColor": "#626c91", // 强调状态下的控制按钮边框颜色,深蓝色
"borderWidth": 0.5 // 强调状态下的控制按钮边框宽度为0.5
}
},
"checkpointStyle": { // 检查点样式配置
"color": "#3fb1e3", // 检查点颜色,浅蓝色
"borderColor": "rgba(63,177,227,0.15)" // 检查点边框颜色,半透明浅蓝色
},
"label": { // 标签样式配置
"normal": { // 正常状态下的标签样式
"textStyle": { // 文本样式配置
"color": "#626c91" // 标签文本颜色,深蓝色
}
},
"emphasis": { // 强调状态下的标签样式
"textStyle": { // 文本样式配置
"color": "#626c91" // 强调状态下的标签文本颜色,深蓝色
}
}
}
},
"visualMap": { // 视觉映射组件配置项
"color": [ // 颜色数组,用于定义视觉映射的颜色范围
"#2a99c9", // 起始颜色,蓝色
"#afe8ff" // 结束颜色,浅蓝色
]
},
"dataZoom": { // 数据区域缩放组件配置项
"backgroundColor": "rgba(255,255,255,0)", // 背景颜色,完全透明
"dataBackgroundColor": "rgba(222,222,222,1)", // 数据区域的背景颜色,灰色
"fillerColor": "rgba(114,230,212,0.25)", // 填充颜色,半透明的绿色
"handleColor": "#cccccc", // 手柄颜色,灰色
"handleSize": "100%", // 手柄大小,占满容器
"textStyle": { // 文本样式配置
"color": "#999999" // 文本颜色,深灰色
}
},
"markPoint": { // 标记点组件配置项
"label": { // 标签配置
"normal": { // 正常状态下的标签样式
"textStyle": { // 文本样式
"color": "#ffffff" // 文本颜色,白色
}
},
"emphasis": { // 强调状态下的标签样式
"textStyle": { // 文本样式
"color": "#ffffff" // 文本颜色,白色
}
}
}
}
}); // 结束配置对象
}); // 结束函数调用