You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
217 lines
5.9 KiB
217 lines
5.9 KiB
function infographicTheme() {
|
|
|
|
var theme = {
|
|
// 默认色板
|
|
color: [
|
|
'#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
|
|
'#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
|
|
'#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
|
|
],
|
|
|
|
|
|
// 区域缩放控制器
|
|
dataZoom: {
|
|
dataBackgroundColor: 'rgba(181,195,52,0.3)', // 数据背景颜色
|
|
fillerColor: 'rgba(181,195,52,0.2)', // 填充颜色
|
|
handleColor: '#27727B' // 手柄颜色
|
|
},
|
|
|
|
// 网格
|
|
grid: {
|
|
borderWidth:0
|
|
},
|
|
|
|
// 类目轴
|
|
categoryAxis: {
|
|
axisLine: { // 坐标轴线
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|
color: '#27727B'
|
|
}
|
|
},
|
|
splitLine: { // 分隔线
|
|
show: false
|
|
}
|
|
},
|
|
|
|
// 数值型坐标轴默认参数
|
|
valueAxis: {
|
|
axisLine: { // 坐标轴线
|
|
show: false
|
|
},
|
|
splitArea : {
|
|
show: false
|
|
},
|
|
splitLine: { // 分隔线
|
|
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|
color: ['#ccc'],
|
|
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 : '#27727B'
|
|
},
|
|
controlStyle : {
|
|
normal : { color : '#27727B'},
|
|
emphasis : { color : '#27727B'}
|
|
},
|
|
symbol : 'emptyCircle'
|
|
},
|
|
|
|
// 折线图默认参数
|
|
line: {
|
|
itemStyle: {
|
|
normal: {
|
|
borderWidth:2,
|
|
borderColor:'#fff',
|
|
lineStyle: {
|
|
width: 3
|
|
}
|
|
},
|
|
emphasis: {
|
|
borderWidth:0
|
|
}
|
|
},
|
|
symbol: 'circle', // 拐点图形类型
|
|
},
|
|
|
|
// K线图默认参数
|
|
k: {
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#C1232B', // 阳线填充颜色
|
|
color0: '#B5C334', // 阴线填充颜色
|
|
lineStyle: {
|
|
width: 1,
|
|
color: '#C1232B', // 阳线边框颜色
|
|
color0: '#B5C334' // 阴线边框颜色
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
// 散点图默认参数
|
|
scatter: {
|
|
itemStyle: {
|
|
normal: {
|
|
borderWidth:1,
|
|
borderColor:'rgba(200,200,200,0.5)'
|
|
},
|
|
emphasis: {
|
|
borderWidth:0
|
|
}
|
|
},
|
|
symbol: 'star4', // 图形类型
|
|
},
|
|
|
|
// 雷达图默认参数
|
|
radar : {
|
|
symbol: 'emptyCircle', // 图形类型
|
|
//symbol: null, // 拐点图形类型
|
|
//symbolRotate : null, // 图形旋转控制
|
|
},
|
|
|
|
map: {
|
|
itemStyle: {
|
|
normal: {
|
|
areaStyle: {
|
|
color: '#ddd'
|
|
},
|
|
label: {
|
|
textStyle: {
|
|
color: '#C1232B'
|
|
}
|
|
}
|
|
},
|
|
emphasis: { // 也是选中样式
|
|
areaStyle: {
|
|
color: '#fe994e'
|
|
},
|
|
label: {
|
|
textStyle: {
|
|
color: 'rgb(100,0,0)'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
force : {
|
|
itemStyle: {
|
|
normal: {
|
|
linkStyle : {
|
|
color : '#27727B'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
chord : {
|
|
itemStyle : {
|
|
normal : {
|
|
borderWidth: 1,
|
|
borderColor: 'rgba(128, 128, 128, 0.5)',
|
|
chordStyle : {
|
|
lineStyle : {
|
|
color : 'rgba(128, 128, 128, 0.5)'
|
|
}
|
|
}
|
|
},
|
|
emphasis : {
|
|
borderWidth: 1,
|
|
borderColor: 'rgba(128, 128, 128, 0.5)',
|
|
chordStyle : {
|
|
lineStyle : {
|
|
color : 'rgba(128, 128, 128, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
gauge : {
|
|
center:['50%','70%'],
|
|
radius:'100%',
|
|
startAngle: 180,
|
|
endAngle : 0,
|
|
axisLine: { // 坐标轴线
|
|
show: true, // 默认显示，属性show控制显示与否
|
|
lineStyle: { // 属性lineStyle控制线条样式
|
|
color: [[0.2, '#B5C334'],[0.8, '#27727B'],[1, '#C1232B']],
|
|
width: '80%'
|
|
}
|
|
},
|
|
|
|
detail : {
|
|
offsetCenter: [0, 0], // x, y，单位px
|
|
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
|
|
color: 'auto',
|
|
fontSize: 20
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
return theme;
|
|
}
|