mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-05-09 23:28:02 +08:00
218 lines
5.7 KiB
JavaScript
218 lines
5.7 KiB
JavaScript
define(function() {
|
||
|
||
var theme = {
|
||
// 默认色板
|
||
color: [
|
||
'#c12e34','#e6b600','#0098d9','#2b821d',
|
||
'#005eaa','#339ca8','#cda819','#32a487'
|
||
],
|
||
|
||
// 图表标题
|
||
title: {
|
||
itemGap: 8,
|
||
textStyle: {
|
||
fontWeight: 'normal'
|
||
}
|
||
},
|
||
|
||
// 图例
|
||
legend: {
|
||
itemGap: 8
|
||
},
|
||
|
||
// 值域
|
||
dataRange: {
|
||
itemWidth: 15, // 值域图形宽度,线性渐变水平布局宽度为该值 * 10
|
||
color:['#1790cf','#a2d4e6']
|
||
},
|
||
|
||
// 工具箱
|
||
toolbox: {
|
||
color : ['#06467c','#00613c','#872d2f','#c47630'],
|
||
itemGap: 8
|
||
},
|
||
|
||
// 提示框
|
||
tooltip: {
|
||
backgroundColor: 'rgba(0,0,0,0.6)'
|
||
},
|
||
|
||
// 区域缩放控制器
|
||
dataZoom: {
|
||
dataBackgroundColor: '#dedede', // 数据背景颜色
|
||
fillerColor: 'rgba(154,217,247,0.2)', // 填充颜色
|
||
handleColor: '#005eaa' // 手柄颜色
|
||
},
|
||
|
||
grid: {
|
||
borderWidth: 0
|
||
},
|
||
|
||
// 类目轴
|
||
categoryAxis: {
|
||
axisLine: { // 坐标轴线
|
||
show: false
|
||
},
|
||
axisTick: { // 坐标轴小标记
|
||
show: false
|
||
}
|
||
},
|
||
|
||
// 数值型坐标轴默认参数
|
||
valueAxis: {
|
||
axisLine: { // 坐标轴线
|
||
show: false
|
||
},
|
||
axisTick: { // 坐标轴小标记
|
||
show: false
|
||
},
|
||
splitArea: { // 分隔区域
|
||
show: true, // 默认不显示,属性show控制显示与否
|
||
areaStyle: { // 属性areaStyle(详见areaStyle)控制区域样式
|
||
color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
|
||
}
|
||
}
|
||
},
|
||
|
||
timeline : {
|
||
lineStyle : {
|
||
color : '#005eaa'
|
||
},
|
||
controlStyle : {
|
||
normal : { color : '#005eaa'},
|
||
emphasis : { color : '#005eaa'}
|
||
}
|
||
},
|
||
|
||
// K线图默认参数
|
||
k: {
|
||
itemStyle: {
|
||
normal: {
|
||
color: '#c12e34', // 阳线填充颜色
|
||
color0: '#2b821d', // 阴线填充颜色
|
||
lineStyle: {
|
||
width: 1,
|
||
color: '#c12e34', // 阳线边框颜色
|
||
color0: '#2b821d' // 阴线边框颜色
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
map: {
|
||
itemStyle: {
|
||
normal: {
|
||
areaStyle: {
|
||
color: '#ddd'
|
||
},
|
||
label: {
|
||
textStyle: {
|
||
color: '#c12e34'
|
||
}
|
||
}
|
||
},
|
||
emphasis: { // 也是选中样式
|
||
areaStyle: {
|
||
color: '#e6b600'
|
||
},
|
||
label: {
|
||
textStyle: {
|
||
color: '#c12e34'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
force : {
|
||
itemStyle: {
|
||
normal: {
|
||
linkStyle : {
|
||
strokeColor : '#005eaa'
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
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, '#2b821d'],[0.8, '#005eaa'],[1, '#c12e34']],
|
||
width: 5
|
||
}
|
||
},
|
||
axisTick: { // 坐标轴小标记
|
||
splitNumber: 10, // 每份split细分多少段
|
||
length :8, // 属性length控制线长
|
||
lineStyle: { // 属性lineStyle控制线条样式
|
||
color: 'auto'
|
||
}
|
||
},
|
||
axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
|
||
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
|
||
color: 'auto'
|
||
}
|
||
},
|
||
splitLine: { // 分隔线
|
||
length : 12, // 属性length控制线长
|
||
lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
|
||
color: 'auto'
|
||
}
|
||
},
|
||
pointer : {
|
||
length : '90%',
|
||
width : 3,
|
||
color : 'auto'
|
||
},
|
||
title : {
|
||
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
|
||
color: '#333'
|
||
}
|
||
},
|
||
detail : {
|
||
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
|
||
color: 'auto'
|
||
}
|
||
}
|
||
},
|
||
|
||
textStyle: {
|
||
fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
|
||
}
|
||
}
|
||
|
||
return theme;
|
||
}); |