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'
}
}
|
Download
