mirror of https://github.com/ColorlibHQ/gentelella
212 lines
9.1 KiB
JavaScript
Executable File
212 lines
9.1 KiB
JavaScript
Executable File
var theme = {
|
||
// 默认色板
|
||
color: [
|
||
'#26B99A', '#34495E', '#BDC3C7', '#3498DB',
|
||
'#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7'
|
||
],
|
||
// 图表标题
|
||
title: {
|
||
itemGap: 8,
|
||
textStyle: {
|
||
fontWeight: 'normal',
|
||
color: '#408829'
|
||
}
|
||
},
|
||
// 值域
|
||
dataRange: {
|
||
color: ['#1f610a', '#97b58d']
|
||
},
|
||
// 工具箱
|
||
toolbox: {
|
||
color: ['#408829', '#408829', '#408829', '#408829']
|
||
},
|
||
// 提示框
|
||
tooltip: {
|
||
backgroundColor: 'rgba(0,0,0,0.5)',
|
||
axisPointer: {// 坐标轴指示器，坐标轴触发有效
|
||
type: 'line', // 默认为直线，可选为：'line' | 'shadow'
|
||
lineStyle: {// 直线指示器样式设置
|
||
color: '#408829',
|
||
type: 'dashed'
|
||
},
|
||
crossStyle: {
|
||
color: '#408829'
|
||
},
|
||
shadowStyle: {// 阴影指示器样式设置
|
||
color: 'rgba(200,200,200,0.3)'
|
||
}
|
||
}
|
||
},
|
||
// 区域缩放控制器
|
||
dataZoom: {
|
||
dataBackgroundColor: '#eee', // 数据背景颜色
|
||
fillerColor: 'rgba(64,136,41,0.2)', // 填充颜色
|
||
handleColor: '#408829' // 手柄颜色
|
||
},
|
||
grid: {
|
||
borderWidth: 0
|
||
},
|
||
// 类目轴
|
||
categoryAxis: {
|
||
axisLine: {// 坐标轴线
|
||
lineStyle: {// 属性lineStyle控制线条样式
|
||
color: '#408829'
|
||
}
|
||
},
|
||
splitLine: {// 分隔线
|
||
lineStyle: {// 属性lineStyle（详见lineStyle）控制线条样式
|
||
color: ['#eee']
|
||
}
|
||
}
|
||
},
|
||
// 数值型坐标轴默认参数
|
||
valueAxis: {
|
||
axisLine: {// 坐标轴线
|
||
lineStyle: {// 属性lineStyle控制线条样式
|
||
color: '#408829'
|
||
}
|
||
},
|
||
splitArea: {
|
||
show: true,
|
||
areaStyle: {
|
||
color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
|
||
}
|
||
},
|
||
splitLine: {// 分隔线
|
||
lineStyle: {// 属性lineStyle（详见lineStyle）控制线条样式
|
||
color: ['#eee']
|
||
}
|
||
}
|
||
},
|
||
timeline: {
|
||
lineStyle: {
|
||
color: '#408829'
|
||
},
|
||
controlStyle: {
|
||
normal: {color: '#408829'},
|
||
emphasis: {color: '#408829'}
|
||
}
|
||
},
|
||
// K线图默认参数
|
||
k: {
|
||
itemStyle: {
|
||
normal: {
|
||
color: '#68a54a', // 阳线填充颜色
|
||
color0: '#a9cba2', // 阴线填充颜色
|
||
lineStyle: {
|
||
width: 1,
|
||
color: '#408829', // 阳线边框颜色
|
||
color0: '#86b379' // 阴线边框颜色
|
||
}
|
||
}
|
||
}
|
||
},
|
||
map: {
|
||
itemStyle: {
|
||
normal: {
|
||
areaStyle: {
|
||
color: '#ddd'
|
||
},
|
||
label: {
|
||
textStyle: {
|
||
color: '#c12e34'
|
||
}
|
||
}
|
||
},
|
||
emphasis: {// 也是选中样式
|
||
areaStyle: {
|
||
color: '#99d2dd'
|
||
},
|
||
label: {
|
||
textStyle: {
|
||
color: '#c12e34'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
force: {
|
||
itemStyle: {
|
||
normal: {
|
||
linkStyle: {
|
||
strokeColor: '#408829'
|
||
}
|
||
}
|
||
}
|
||
},
|
||
chord: {
|
||
padding: 4,
|
||
itemStyle: {
|
||
normal: {
|
||
lineStyle: {
|
||
width: 1,
|
||
color: 'rgba(128, 128, 128, 0.5)'
|
||
},
|
||
chordStyle: {
|
||
lineStyle: {
|
||
width: 1,
|
||
color: 'rgba(128, 128, 128, 0.5)'
|
||
}
|
||
}
|
||
},
|
||
emphasis: {
|
||
lineStyle: {
|
||
width: 1,
|
||
color: 'rgba(128, 128, 128, 0.5)'
|
||
},
|
||
chordStyle: {
|
||
lineStyle: {
|
||
width: 1,
|
||
color: 'rgba(128, 128, 128, 0.5)'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
gauge: {
|
||
startAngle: 225,
|
||
endAngle: -45,
|
||
axisLine: {// 坐标轴线
|
||
show: true, // 默认显示，属性show控制显示与否
|
||
lineStyle: {// 属性lineStyle控制线条样式
|
||
color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']],
|
||
width: 8
|
||
}
|
||
},
|
||
axisTick: {// 坐标轴小标记
|
||
splitNumber: 10, // 每份split细分多少段
|
||
length: 12, // 属性length控制线长
|
||
lineStyle: {// 属性lineStyle控制线条样式
|
||
color: 'auto'
|
||
}
|
||
},
|
||
axisLabel: {// 坐标轴文本标签，详见axis.axisLabel
|
||
textStyle: {// 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
||
color: 'auto'
|
||
}
|
||
},
|
||
splitLine: {// 分隔线
|
||
length: 18, // 属性length控制线长
|
||
lineStyle: {// 属性lineStyle（详见lineStyle）控制线条样式
|
||
color: 'auto'
|
||
}
|
||
},
|
||
pointer: {
|
||
length: '90%',
|
||
color: 'auto'
|
||
},
|
||
title: {
|
||
textStyle: {// 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
||
color: '#333'
|
||
}
|
||
},
|
||
detail: {
|
||
textStyle: {// 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
||
color: 'auto'
|
||
}
|
||
}
|
||
},
|
||
textStyle: {
|
||
fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
|
||
}
|
||
} |