OpenAuth.Net/OpenAuth.Mvc/Content/echarts/theme/shine.js

218 lines
5.7 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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;
});