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

334 lines
9.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 = {
backgroundColor: '#F2F2E6',
// 默认色板
color: [
'#44B7D3','#E42B6D','#F4E24E','#FE9616','#8AED35',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#E95569','#ff6347','#7b68ee','#00fa9a','#ffd700',
'#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'
],
// 图表标题
title: {
x: 'left', // 水平安放位置,默认为左对齐,可选为:
// 'center' ¦ 'left' ¦ 'right'
// ¦ {number}x坐标单位px
y: 'top', // 垂直安放位置,默认为全图顶端,可选为:
// 'top' ¦ 'bottom' ¦ 'center'
// ¦ {number}y坐标单位px
//textAlign: null // 水平对齐方式默认根据x设置自动调整
backgroundColor: '#F2F2E6',
borderColor: '#ccc', // 标题边框颜色
borderWidth: 0, // 标题边框线宽单位px默认为0无边框
padding: 5, // 标题内边距单位px默认各方向内边距为5
// 接受数组分别设定上右下左边距同css
itemGap: 10, // 主副标题纵向间隔单位px默认为10
textStyle: {
fontSize: 18,
fontWeight: 'bolder',
color: '#8A826D' // 主标题文字颜色
},
subtextStyle: {
color: '#E877A3' // 副标题文字颜色
}
},
// 图例
legend: {
itemGap: 8
},
// 值域
dataRange: {
x:'right',
y:'center',
itemWidth: 5,
itemHeight:25,
color:['#E42B6D','#F9AD96'],
text:['高','低'], // 文本,默认为数值文本
textStyle: {
color: '#8A826D' // 值域文字颜色
}
},
toolbox: {
color : ['#E95569','#E95569','#E95569','#E95569'],
effectiveColor : '#ff4500',
itemGap: 8
},
// 提示框
tooltip: {
backgroundColor: 'rgba(138,130,109,0.7)', // 提示背景颜色默认为透明度为0.7的黑色
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'line', // 默认为直线,可选为:'line' | 'shadow'
lineStyle : { // 直线指示器样式设置
color: '#6B6455',
type: 'dashed'
},
crossStyle: { //十字准星指示器
color: '#A6A299'
},
shadowStyle : { // 阴影指示器样式设置
color: 'rgba(200,200,200,0.3)'
}
}
},
// 区域缩放控制器
dataZoom: {
dataBackgroundColor: 'rgba(130,197,209,0.6)', // 数据背景颜色
fillerColor: 'rgba(233,84,105,0.1)', // 填充颜色
handleColor: 'rgba(107,99,84,0.8)' // 手柄颜色
},
// 网格
grid: {
borderWidth:0
},
// 类目轴
categoryAxis: {
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: '#6B6455'
}
},
splitLine: { // 分隔线
show: false
}
},
// 数值型坐标轴默认参数
valueAxis: {
axisLine: { // 坐标轴线
show: false
},
splitArea : {
show: false
},
splitLine: { // 分隔线
lineStyle: { // 属性lineStyle详见lineStyle控制线条样式
color: ['#FFF'],
type: 'dashed'
}
}
},
polar : {
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: '#ddd'
}
},
splitArea : {
show : true,
areaStyle : {
color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
}
},
splitLine : {
lineStyle : {
color : '#ddd'
}
}
},
timeline : {
lineStyle : {
color : '#6B6455'
},
controlStyle : {
normal : { color : '#6B6455'},
emphasis : { color : '#6B6455'}
},
symbol : 'emptyCircle',
symbolSize : 3
},
// 柱形图默认参数
bar: {
itemStyle: {
normal: {
barBorderRadius: 0
},
emphasis: {
barBorderRadius: 0
}
}
},
// 折线图默认参数
line: {
smooth : true,
symbol: 'emptyCircle', // 拐点图形类型
symbolSize: 3 // 拐点图形大小
},
// K线图默认参数
k: {
itemStyle: {
normal: {
color: '#E42B6D', // 阳线填充颜色
color0: '#44B7D3', // 阴线填充颜色
lineStyle: {
width: 1,
color: '#E42B6D', // 阳线边框颜色
color0: '#44B7D3' // 阴线边框颜色
}
}
}
},
// 散点图默认参数
scatter: {
itemdStyle: {
normal: {
borderWidth:1,
borderColor:'rgba(200,200,200,0.5)'
},
emphasis: {
borderWidth:0
}
},
symbol: 'circle', // 图形类型
symbolSize: 4 // 图形大小半宽半径参数当图形为方向或菱形则总宽度为symbolSize * 2
},
// 雷达图默认参数
radar : {
symbol: 'emptyCircle', // 图形类型
symbolSize:3
//symbol: null, // 拐点图形类型
//symbolRotate : null, // 图形旋转控制
},
map: {
itemStyle: {
normal: {
areaStyle: {
color: '#ddd'
},
label: {
textStyle: {
color: '#E42B6D'
}
}
},
emphasis: { // 也是选中样式
areaStyle: {
color: '#fe994e'
},
label: {
textStyle: {
color: 'rgb(100,0,0)'
}
}
}
}
},
force : {
itemStyle: {
normal: {
nodeStyle : {
strokeColor : 'rgba(0,0,0,0)'
},
linkStyle : {
strokeColor : '#6B6455'
}
}
}
},
chord : {
padding : 4,
itemStyle : {
normal : {
lineStyle : {
width : 0,
color : 'rgba(128, 128, 128, 0.5)'
},
chordStyle : {
lineStyle : {
width : 0,
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 : { // 仪表盘
center:['50%','80%'],
radius:'100%',
startAngle: 180,
endAngle : 0,
axisLine: { // 坐标轴线
show: true, // 默认显示属性show控制显示与否
lineStyle: { // 属性lineStyle控制线条样式
color: [[0.2, '#44B7D3'],[0.8, '#6B6455'],[1, '#E42B6D']],
width: '40%'
}
},
axisTick: { // 坐标轴小标记
splitNumber: 2, // 每份split细分多少段
length: 5, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: '#fff'
}
},
axisLabel: { // 坐标轴文本标签详见axis.axisLabel
textStyle: { // 其余属性默认使用全局文本样式详见TEXTSTYLE
color: '#fff',
fontWeight:'bolder'
}
},
splitLine: { // 分隔线
length: '5%', // 属性length控制线长
lineStyle: { // 属性lineStyle详见lineStyle控制线条样式
color: '#fff'
}
},
pointer : {
width : '40%',
length: '80%',
color: '#fff'
},
title : {
offsetCenter: [0, -20], // x, y单位px
textStyle: { // 其余属性默认使用全局文本样式详见TEXTSTYLE
color: 'auto',
fontSize: 20
}
},
detail : {
offsetCenter: [0, 00], // x, y单位px
textStyle: { // 其余属性默认使用全局文本样式详见TEXTSTYLE
color: 'auto',
fontSize: 40
}
}
},
textStyle: {
fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
}
}
return theme;
});