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" // 文本颜色，白色 } } } } }); // 结束配置对象 }); // 结束函数调用