theme = {
backgroundColor: 'rgba(0,0,0,0)',
color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
'#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
title: {
x: 'left',
y: 'top',
backgroundColor: 'rgba(0,0,0,0)',
borderColor: '#ccc',
borderWidth: 0,
padding: 5,
itemGap: 10,
textStyle: {
fontSize: 18,
fontWeight: 'bolder',
color: '#333'
},
subtextStyle: {
color: '#aaa'
}
},
legend: {
orient: 'horizontal',
x: 'center',
y: 'top',
backgroundColor: 'rgba(0,0,0,0)',
borderColor: '#ccc',
borderWidth: 0,
padding: 5,
itemGap: 10,
itemWidth: 20,
itemHeight: 14,
textStyle: {
color: '#333'
}
},
dataRange: {
orient: 'vertical',
x: 'left',
y: 'bottom',
backgroundColor: 'rgba(0,0,0,0)',
borderColor: '#ccc',
borderWidth: 0,
padding: 5,
itemGap: 10,
itemWidth: 20,
itemHeight: 14,
splitNumber: 5,
color:['#1e90ff','#f0ffff']
textStyle: {
color: '#333'
}
},
toolbox: {
orient: 'horizontal',
x: 'right',
y: 'top',
color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],
backgroundColor: 'rgba(0,0,0,0)',
borderColor: '#ccc',
borderWidth: 0,
padding: 5,
itemGap: 10,
itemSize: 16,
featureImageIcon : {},
featureTitle : {
mark : '辅助线开关',
markUndo : '删除辅助线',
markClear : '清空辅助线',
dataZoom : '区域缩放',
dataZoomReset : '区域缩放后退',
dataView : '数据视图',
lineChart : '折线图切换',
barChart : '柱形图切换',
restore : '还原',
saveAsImage : '保存为图片'
}
},
tooltip: {
trigger: 'item',
showDelay: 20,
hideDelay: 100,
transitionDuration : 0.4,
backgroundColor: 'rgba(0,0,0,0.7)',
borderColor: '#333',
borderRadius: 4,
borderWidth: 0,
padding: 5,
axisPointer : {
type : 'line',
lineStyle : {
color: '#48b',
width: 2,
type: 'solid'
},
shadowStyle : {
width: 'auto',
color: 'rgba(150,150,150,0.3)'
}
},
textStyle: {
color: '#fff'
}
},
dataZoom: {
orient: 'horizontal',
backgroundColor: 'rgba(0,0,0,0)',
dataBackgroundColor: '#eee',
fillerColor: 'rgba(144,197,237,0.2)',
handleColor: 'rgba(70,130,180,0.8)'
},
grid: {
x: 80,
y: 60,
x2: 80,
y2: 60,
backgroundColor: 'rgba(0,0,0,0)',
borderWidth: 1,
borderColor: '#ccc'
},
categoryAxis: {
position: 'bottom',
nameLocation: 'end',
boundaryGap: true,
axisLine: {
show: true,
lineStyle: {
color: '#48b',
width: 2,
type: 'solid'
}
},
axisTick: {
show: true,
interval: 'auto',
inside : false,
length :5,
lineStyle: {
color: '#333',
width: 1
}
},
axisLabel: {
show: true,
interval: 'auto',
rotate: 0,
margin: 8,
textStyle: {
color: '#333'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#ccc'],
width: 1,
type: 'solid'
}
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
}
}
},
valueAxis: {
position: 'left',
nameLocation: 'end',
nameTextStyle: {},
boundaryGap: [0, 0],
splitNumber: 5,
axisLine: {
show: true,
lineStyle: {
color: '#48b',
width: 2,
type: 'solid'
}
},
axisTick: {
show: false,
inside : false,
length :5,
lineStyle: {
color: '#333',
width: 1
}
},
axisLabel: {
show: true,
rotate: 0,
margin: 8,
textStyle: {
color: '#333'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#ccc'],
width: 1,
type: 'solid'
}
},
splitArea: {
show: false,
areaStyle: {
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
}
}
},
polar : {
center : ['50%', '50%'],
radius : '75%',
startAngle : 90,
splitNumber : 5,
name : {
show: true,
textStyle: {
color: '#333'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#ccc',
width: 1,
type: 'solid'
}
},
axisLabel: {
show: false,
textStyle: {
color: '#333'
}
},
splitArea : {
show : true,
areaStyle : {
color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
}
},
splitLine : {
show : true,
lineStyle : {
width : 1,
color : '#ccc'
}
}
},
bar: {
barMinHeight: 0,
barGap: '30%',
barCategoryGap : '20%',
itemStyle: {
normal: {
barBorderColor: '#fff',
barBorderRadius: 0,
barBorderWidth: 1,
label: {
show: false
}
},
emphasis: {
barBorderColor: 'rgba(0,0,0,0)',
barBorderRadius: 0,
barBorderWidth: 1,
label: {
show: false
}
}
}
},
line: {
itemStyle: {
normal: {
label: {
show: false
},
lineStyle: {
width: 2,
type: 'solid',
shadowColor : 'rgba(0,0,0,0)',
shadowBlur: 5,
shadowOffsetX: 3,
shadowOffsetY: 3
}
},
emphasis: {
label: {
show: false
}
}
},
symbolSize: 2,
showAllSymbol: false
},
k: {
itemStyle: {
normal: {
color: '#fff',
color0: '#00aa11',
lineStyle: {
width: 1,
color: '#ff3200',
color0: '#00aa11'
}
},
emphasis: {
}
}
},
scatter: {
symbolSize: 4,
large: false,
largeThreshold: 2000
itemStyle: {
normal: {
label: {
show: false
}
},
emphasis: {
label: {
show: false
}
}
}
},
radar : {
itemStyle: {
normal: {
label: {
show: false
},
lineStyle: {
width: 2,
type: 'solid'
}
},
emphasis: {
label: {
show: false
}
}
},
symbolSize: 2
},
pie: {
center : ['50%', '50%'],
radius : [0, '75%'],
clockWise : false,
startAngle: 90,
minAngle: 0,
selectedOffset: 10,
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1,
label: {
show: true,
position: 'outer'
},
labelLine: {
show: true,
length: 20,
lineStyle: {
width: 1,
type: 'solid'
}
}
},
emphasis: {
borderColor: 'rgba(0,0,0,0)',
borderWidth: 1,
label: {
show: false
},
labelLine: {
show: false,
length: 20,
lineStyle: {
width: 1,
type: 'solid'
}
}
}
}
},
map: {
mapType: 'china',
mapLocation: {
x : 'center',
y : 'center'
},
showLegendSymbol : true,
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1,
areaStyle: {
color: '#ccc'//rgba(135,206,250,0.8)
},
label: {
show: false,
textStyle: {
color: 'rgba(139,69,19,1)'
}
}
},
emphasis: {
borderColor: 'rgba(0,0,0,0)',
borderWidth: 1,
areaStyle: {
color: 'rgba(255,215,0,0.8)'
},
label: {
show: false,
textStyle: {
color: 'rgba(139,69,19,1)'
}
}
}
}
},
force : {
minRadius : 10,
maxRadius : 20,
density : 1.0,
attractiveness : 1.0,
initSize : 300,
centripetal : 1,
coolDown : 0.99,
itemStyle: {
normal: {
label: {
show: false
},
nodeStyle : {
brushType : 'both',
color : '#f08c2e',
strokeColor : '#5182ab'
},
linkStyle : {
strokeColor : '#5182ab'
}
},
emphasis: {
label: {
show: false
},
nodeStyle : {},
linkStyle : {}
}
}
},
chord : {
radius : ['65%', '75%'],
center : ['50%', '50%'],
padding : 2,
sort : 'none',
sortSub : 'none',
startAngle : 90,
clockWise : false,
showScale : false,
showScaleText : false,
itemStyle : {
normal : {
label : {
show : true
},
lineStyle : {
width : 0,
color : '#000'
},
chordStyle : {
lineStyle : {
width : 1,
color : '#666'
}
}
},
emphasis : {
lineStyle : {
width : 0,
color : '#000'
},
chordStyle : {
lineStyle : {
width : 2,
color : '#333'
}
}
}
}
},
island: {
r: 15,
calculateStep: 0.1
},
markPoint : {
symbol: 'pin',
symbolSize: 10,
itemStyle: {
normal: {
borderWidth: 2,
label: {
show: true,
position: 'inside'
}
},
emphasis: {
label: {
show: true
}
}
}
},
markLine : {
symbol: ['circle', 'arrow'],
symbolSize: [2, 4],
itemStyle: {
normal: {
borderWidth: 2,
label: {
show: false,
position: 'inside',
textStyle: {
color: '#333'
}
},
lineStyle: {
type: 'solid',
shadowColor : 'rgba(0,0,0,0)',
shadowBlur: 5,
shadowOffsetX: 3,
shadowOffsetY: 3
}
},
emphasis: {
label: {
show: false
},
lineStyle : {}
}
}
},
textStyle: {
decoration: 'none',
fontFamily: 'Arial, Verdana, sans-serif',
fontFamily2: '微软雅黑',
fontSize: 12,
fontStyle: 'normal',
fontWeight: 'normal'
},
symbolList : [
'circle', 'rectangle', 'triangle', 'diamond',
'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'
],
loadingText : 'Loading...',
calculable: false,
calculableColor: 'rgba(255,165,0,0.6)',
calculableHolderColor: '#ccc',
nameConnector: ' & ',
valueConnector: ' : ',
animation: true,
animationThreshold: 2500,
addDataAnimation: true,
animationDuration: 2000,
animationEasing: 'ExponentialOut'
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)