theme = {
//全图默认背景
// backgroundColor:'rgba(0,0,0,0)',
//默认色板
颜色:['#ff7f50','#87cefa','#da70d6',' #32cd32','#6495ed',
'#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
'#1e90ff','#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:'rgba(0,0,0,0)',
borderColor:'#ccc',//标题边框颜色
borderWidth:0, //标题边框线宽,单位px,默认为0(无边框)
padding:5,//标题内边距,单位px,默认各方向内边距为5,
//接受数组分别设定上右下左边距,同css
itemGap:10,//主副标题纵向间隔,单位px,默认为10,
textStyle:{
fontSize:18,
fontWeight:'bolder',
color:'# 333'//主标题文字颜色
},
subtextStyle:{
color:'#aaa'//副标题文字颜色
}
},
//
图例例:{
orient:'horizontal',//布局方式,默认为水平布局,可选为:
//'水平'|'垂直'
x:'中心',//水平安放位置,默认为全图居中,可选为:
//'中心'|'左'|'对'
// | {number}(x坐标,单位px)
y:'top',//垂直安放位置,默认为全图顶端,可选为:
//'top'|'bottom'|'center'
// | {number}(y坐标,单位px)
backgroundColor:'rgba(0,0,0,0)',
borderColor:'#ccc',//图例边框颜色
borderWidth:0,//图例边框线宽,单位px,默认为0(无边框)
padding:5,//图例内边距,单位px,默认各方向内边距为5,
//接受数组分别设定上右下左边距,同css
itemGap:10 ,//各个项目之间的间隔,单位px,默认为10,
//横向布局时为水平间隔,纵向布局时为纵向间隔
itemWidth:20,//图例图形宽度
itemHeight:14,//图例图形高度
textStyle:{
color:'#333'//图例文字颜色
}
},
//值域
dataRange:{
orient:'vertical',//布局方式,默认为垂直布局,可选为:
//'水平'|'垂直'
x:'左',//水平安放位置,默认为全图左对齐,可选为:
//'中心'|'左'|'右'
// | {number}(x坐标,单位px)
y:'bottom',//垂直安放位置,默认为全图底部,可选为:
//'top'|'bottom'|'center'
// | {number}(y坐标,单位px)
backgroundColor:'rgba(0,0,0,0)',
borderColor:'#ccc',//值域边框颜色
borderWidth:0,//值域边框线宽,单位px,默认为0(无边框)
padding:5,//值域内边距,单位px,默认各方向内边距为5,
//接受数组分别设定上右下左边距,同css
itemGap:10,//各个项目之间的间隔,单位px,默认为10,
//横向布局时为水平间隔,纵向布局时为纵向间隔
itemWidth:20,//值域图形宽度,线性渐变水平布局宽度为该值* 10
itemHeight:14,//值域图形高度,线性渐变垂直布局高度为该值* 10
splitNumber:5,//分割段数,默认为5,为0时为线性渐变
颜色:['#1e90ff','#f0ffff'],//颜色
// text:['高','低'],//文本,默认为数值文本
textStyle:{
颜色:'#333'//值域文字颜色
}
},
toolbox:{
orient:'horizontal',//布局方式,默认为水平布局,可选为:
//'horizontal'|'vertical'x
:'center',//水平安放位置,默认为全图右对齐,可选为:
//'center'|'left'|'right'
// | {number}(x坐标,单位px)
y:'top',//垂直安放位置,默认为全图顶端,可选为:
//'top'|'bottom'|'center'
// | {number}(y坐标,单位px)
颜色:['#1e90ff','#22bb22','#4b0082','#d2691e '],
backgroundColor:'rgba(0,0,0,0)',//工具箱背景颜色
borderColor:'#ccc',//工具箱边框颜色
borderWidth:0,//工具箱边框线宽,单位px,默认为0(无边框)
padding:5,//工具箱内边距,单位px,默认各方向内边距为5,
//接受数组分别设定上右下左边距,同css
itemGap:10,//各个项目之间的间隔,单位px,默认为10,
//横向布局时为水平间隔,纵向布局时为纵向间隔
itemSize:16, //工具箱图形宽度
featureImageIcon:{},//自定义图片icon
featureTitle:{
mark:'辅助线开关',
markUndo:'删除辅助线',
markClear:'清空辅助线',
dataZoom:'区域缩放' ,
dataZoomReset:'区域缩放
后退',dataView:'数据视图',
lineChart:'折线图切换',
barChart:'柱形图切换',
恢复:'还原',
saveAsImage:'保存为图片'
}
},
//提示框
tooltip:{
trigger:'item',//触发类型,默认数据触发,见下图,可选为:'item'|'
axis'showDelay:20,//显示延迟,添加显示延迟可以避免频繁切换,单位ms
hideDelay:100,//隐藏延迟,单位ms
transitionDuration:0.4,//动画变换时间,单位s
backgroundColor:'rgba(0,0,0,0.7)',//提示背景颜色,默认为
透明度为0.7的黑色borderColor:'#333',//提示边框颜色
borderRadius:4,//提示边框圆角,单位px,默认为4
borderWidth:0,//提示边框线宽,单位px,默认为0(无边框)
padding:5,//提示内边距,单位px,默认各方向内边距为5,
//接受数组分别设定上右下左边距,同css
axisPointer:{//坐标轴指示器,坐标轴触发有效
type:'line',//默认为直线,可选为:'line'| '
shadow'lineStyle:{//直线指示器样式设置
颜色:'#48b',
宽度:2,
类型:'solid'
},
shadowStyle:{//阴影指示器样式设置
width:'auto',//阴影大小
颜色:'rgba(150,150,150,0.3)'//阴影颜色
}
},
textStyle:{
color:' #ff '
}
},
//区域缩放控制器
dataZoom:{
orient:'horizontal',//布局方式,默认为水平布局,可选为:
//'horizontal'|'vertical'
// x:{number},//水平安放位置,默认为根据grid参数适配,可选为:
// {number}(x坐标,单位px)
// y:{number},//垂直安放位置,默认为根据grid参数适配,可选为:
// {number}(y坐标,单位px)
// width:{number},//指定宽度,横向布局时默认为根据grid参数适配
// height:{number},//指定高度,纵向布局时默认为根据网格参数适配
backgroundColor:'rgba(0,0,0,0)',//背景颜色
dataBackgroundColor:'#eee',//数据背景颜色
fillerColor:'rgba(144,197,237,0.2) ”,//填充颜色
handleColor:'rgba(70,130,180,0.8)'//手柄颜色
},
//网格
:{
x:80,
y:60,
x2:80,
y2:60,
// width:{totalWidth} - x - x2,
// height:{totalHeight} - y - y2,
backgroundColor:' rgba(0,0,0,0)',
borderWidth:1,
borderColor:'#ccc'
},
//类目轴
categoryAxis:{
position:'bottom',//位置
nameLocation:'end',//坐标轴名字位置,支持'start'| '
end'boundaryGap:true,//类目起始和结束两端空白策略
axisLine:{//坐标轴线
显示:true,//默认显示,属性show控制显示与否
lineStyle:{//属性lineStyle控制线条样式
颜色:'#48b',
宽度:2,
类型:'solid'
}
},
axisTick:{//坐标轴小标记
显示:true,//属性显示控制显示与否,默认不显示
间隔:'auto' ,
// onGap:null,
inside:false,
length:5,//属性长度控制线长
lineStyle:{//属性lineStyle控制 线条样式
颜色:'#333',
宽度:1
}
},
axisLabel:{//坐标轴文本标签,详见axis.axisLabel
show :true,
interval:'auto',
rotate:0,
margin:8,
// formatter:null,
textStyle:{//其余属性默认使用全局文本样式,详见TEXTSTYLE
颜色:'#333'
}
},
splitLine: {//分隔线
show:true,//默认显示,属性show控制显示与否
// onGap:null,
lineStyle:{//属性lineStyle(详见lineStyle)控制线条样式
颜色:['#ccc'],
宽度:1,
类型:'solid'
}
},
splitArea:{//分隔区域
显示:false,//默认不显示,属性show控制显示与否
// onGap:null,
areaStyle:{//属性areaStyle(详见areaStyle)控制区域样式
颜色:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)' ]
}
}
},
//数值型坐标轴默认参数
valueAxis:{
position:'left',//位置
nameLocation:'end',//坐标轴名字位置,支持'start'| '
end'nameTextStyle:{},//坐标轴文字样式,默认取全局样式
boundaryGap:[0,0],//数值起始和结束两端空白策略
splitNumber:5,//分割段数,默认为5
axisLine:{//坐标轴线
显示:true,//默认显示,属性show控制显示与否
lineStyle:{//属性lineStyle控制线条样式
颜色:'#48b',
宽度:2,
类型:'solid'
}
} ,
axisTick:{//坐标轴小标记
show:false,//属性show控制显示与否,默认不显示
inside:false,//控制小标记是否在网里
长度:5,//属性长度控制线长
lineStyle:{//属性lineStyle控制线条样式
颜色:'#333',
宽度:1
}
},
axisLabel:{ //坐标轴文本标签,详见axis.axisLabel
show:true,
rotate:0,
margin:8,
// formatter:null,
textStyle:{//其余属性默认使用全局文本样式,详见TEXTSTYLE
颜色:'# 333'
}
},
splitLine:{//分隔线
显示:true,//默认显示,属性show控制显示与否
lineStyle:{//属性lineStyle(详见lineStyle)控制线条样式
颜色:['#ccc'],
宽度:1,
类型:'solid'
}
},
splitArea:{//分隔区域
显示:false,//默认不显示,属性show控制显示与否
areaStyle:{//属性areaStyle(详见areaStyle)控制区域样式
颜色:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
}
}
},
极地:{
center:['50%','50%'],//默认全局居中
半径:'75%',
startAngle:90,
splitNumber:5,
name:{
show:true,
textStyle:{//其余属性默认使用全局文本样式,详见TEXTSTYLE
颜色:'#333'
}
},
axisLine:{//坐标轴线
显示:true,//默认显示,属性show控制显示与否
lineStyle:{//属性lineStyle控制线条样式
颜色: '#CCC',
宽度:1,
类型: '固体'
}
},
一个AxisLabel:{//坐标轴文本标签,详见轴。一个AxisLabel
show:false,
textStyle:{//其余属性默认使用全局文本样式,详见TEXTSTYLE
颜色:'#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,//最小高度改为0
// barWidth:null,//默认自适应
barGap:'30%',//柱间距离,默认为柱形宽度的30%,可设固定值
barCategoryGap:'20%',//类目间柱形距离,默认为类目间距的20%,可设固定值
itemStyle:{
normal:{
//颜色:'各异',
barBorderColor:'#
ff ',//柱条边线barBorderRadius:0,//柱条边线圆角,单位px,默认为0
barBorderWidth:1,//柱条边线线宽,单位px,默认为1
label:{
show:false
// position:默认自适应,水平布局为'top',垂直布局为'right',可选为
//'inside'|'left'|'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
},
强调:{
//颜色:'各异',
barBorderColor:'rgba(0,0,0,0)',//柱条边线
barBorderRadius:0,//柱条边线圆角,单位px,默认为0
barBorderWidth:1,//柱条边线线宽,单位px,默认为1
标签:{
show:false
// position:默认自适应,水平布局为'top',垂直布局为'right',可选为
//'inside'|'left'|'正确的“|”顶“|”底部'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
}
}
},
//折线图默认参数
line:{
itemStyle:{
normal:{
// color:各异,
label:{
show:false
// position:默认自适应,水平布局为'top',垂直布局为'right',可选为
//'inside'|'left'|'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
},
lineStyle:{
width:2,
type :'solid',
shadowColor:'rgba(0,0,0,0)',//默认透明
shadowBlur:5,
shadowOffsetX:3,
shadowOffsetY:3
}
},
强调:{
//颜色:各异,
标签:{
show:false
// position:默认自适应,水平布局为'top',垂直布局为'right',可选为
//' inside'|'left'|'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
}
},
// smooth:false,
// symbol:null, //拐点图形类型
symbolSize:2,//拐点图形大小
// symbolRotate:null,//拐点图形旋转控制
showAllSymbol:false //标志图形默认只有主轴显示(随主轴标签间隔隐藏策略)
},
// K线图默认参数
k:{
// barWidth:null //默认自适应
// barMaxWidth:null //默认自适应
itemStyle:{
正常:{
颜色: '#FFF',//阳线填充颜色
COLOR0: '#00aa11',//阴线填充颜色
LINESTYLE:{
宽度:1,
颜色: '#ff3200',//阳线边框颜色
color0:'#00aa11'//阴线边框颜色
}
},
强调:{
//颜色:各异,
// 颜色0:各异
}
}
},
//散点图默认参数
散射:{
//符号:空,//图形类型
symbolSize:4,//图形大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
// symbolRotate:null,//图形旋转控制
large:false,//大规模散点图
largeThreshold:2000,//大规模阀值,large为true且数据量> largeThreshold才启用大规模模式
itemStyle: {
normal:{
// color:各异,
label:{
show:false
// position:默认自适应,水平布局为'top',垂直布局为'right',可选为
//'inside'|'left '|'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
},
强调:{
//颜色: '各异'
标签:{
显示:假
//位置:默认自适应,水平布局为'顶',垂直布局为'正确'的,可选为
// '内部' |'left'|'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
}
}
},
//雷达图默认参数
雷达:{
itemStyle:{
normal:{
//颜色:各异,
标签:{
show:false
},
lineStyle:{
width:2,
type:'solid'
}
},
强调:{
// color:各异,
label:{
show:false
}
}
},
// symbol:null,//拐点图形类型
symbolSize:2 //可计算特性参数,空数据拖曳提示图形大小
// symbolRotate:null,//图形旋转控制
},
// 饼图默认参数
pie: {
center : ['50%', '50%'], // 默认全局居中
radius : [0, '75%'],
clockWise : false, // 默认逆时针
startAngle: 90,
minAngle: 0, // 最小角度改为0
selectedOffset: 10, // 选中是扇区偏移量
itemStyle: {
normal: {
// color: 各异,
borderColor: '#fff',
borderWidth: 1,
label: {
show: true,
position: 'outer'
// textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
},
labelLine: {
show: true,
length: 20,
lineStyle: {
// color: 各异,
width: 1,
type: 'solid'
}
}
},
emphasis: {
// color: 各异,
borderColor: 'rgba(0,0,0,0)',
borderWidth: 1,
label: {
show: false
// position: 'outer'
// textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
},
labelLine: {
show: false,
length: 20,
lineStyle: {
// color: 各异,
width: 1,
type: 'solid'
}
}
}
}
},
map: {
mapType: 'china', // 各省的mapType暂时都用中文
mapLocation: {
x : 'center',
y : 'center'
// width // 自适应
// height // 自适应
},
showLegendSymbol : true, // 显示图例颜色标识(系列标识的小圆点),存在legend时生效
itemStyle: {
normal: {
// color: 各异,
borderColor: '#fff',
borderWidth: 1,
areaStyle: {
color: '#ccc'//rgba(135,206,250,0.8)
},
label: {
show: false,
textStyle: {
color: 'rgba(139,69,19,1)'
}
}
},
emphasis: { // 也是选中样式
// color: 各异,
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 : {
// 数据map到圆的半径的最小值和最大值
minRadius : 10,
maxRadius : 20,
density : 1.0,
attractiveness : 1.0,
// 初始化的随机大小位置
initSize : 300,
// 向心力因子,越大向心力越大
centripetal : 1,
// 冷却因子
coolDown : 0.99,
// 分类里如果有样式会覆盖节点默认样式
itemStyle: {
normal: {
// color: 各异,
label: {
show: false
// textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
},
nodeStyle : {
brushType : 'both',
color : '#f08c2e',
strokeColor : '#5182ab'
},
linkStyle : {
strokeColor : '#5182ab'
}
},
emphasis: {
// color: 各异,
label: {
show: false
// textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE
},
nodeStyle : {},
linkStyle : {}
}
}
},
和弦:{
radius:['65%','75%'],
中心:['50%','50%'],
填充:2,
排序:'无',//可以是'无','升序','降序'
sortSub:'none',//可以是'none','升序','降序'
startAngle:90,
clockWise:false,
showScale:false,
showScaleText:false,
itemStyle:{
normal:{
label :{
show:true
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
},
lineStyle:{
width:0,
color:'#000'
},
chordStyle:{
lineStyle:{
width:1,
color:'#666'
}
}
},
重点:{
lineStyle:{
width:0,
color:'#000'
},
chordStyle:{
lineStyle :{
width:2,
color:'#333'
}
}
}
}
},
island:{
r:15,
calculateStep:0.1 //滚轮可计算步长0.1 = 10%
},
markPoint:{
symbol:'pin',//标注类型
symbolSize:10,//标注大小,半宽(半径)参数,当图形为方向或菱形则宽度为为symbolSize * 2
// symbolRotate:null,//标注旋转控制
itemStyle:{
normal:{
//颜色:各异,
// borderColor:各异,//标注边线颜色,优先于颜色
borderWidth:2,//标注边线线宽,单位px,默认为1
标签:{
show:true,
position:'inside'//可选为'left'|'right'|'top' |“底”
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
},
强调:{
//颜色:各异
标签:{
show:true
// position:'inside'//'left'|'right' |'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
}
}
}
},
markLine:{
//标线起始和结束的符号介绍类型,如果都一样,可以直接传弦
符号:['circle','arrow'],
//标线起始和结束的符号大小,半宽(半径)参数,当图形为方向和菱形则总宽度为symbolSize * 2
symbolSize:[ 2,4],
//标线起始和结束的符号旋转控制
// symbolRotate:null,
itemStyle:{
normal:{
//颜色:各异,//标线主色,线色,符号主色
// borderColor:随色,//标线符号边框颜色,优先于颜色
borderWidth:2,//标线符号边框线宽,单位px,默认为2
标签:{
show:false,
//可选为'start'|'end' |'left'|'right'|'top'|'bottom'
位置:'inside',
textStyle:{//默认使用全局文本样式,详见TEXTSTYLE
颜色:'#333'
}
},
lineStyle:{
// color:随borderColor,//主色,线色,优先级高于borderColor和color
// width:随borderWidth,//优先于borderWidth
类型:'solid',
shadowColor:'rgba(0,0,0 ,0)',//默认透明
shadowBlur:5,
shadowOffsetX:3,
shadowOffsetY:3
}
},
强调:{
//颜色:各异
标签:{
show:false
// position:'inside'//'left' |'right'|'top'|'bottom'
// textStyle:null //默认使用全局文本样式,详见TEXTSTYLE
},
lineStyle:{}
}
}
},
TEXTSTYLE:{
装饰: '无',
fontFamily中: 'Arial字体,宋体,无衬线',
fontFamily2: '微软雅黑',// IE8-字体模糊并且不支持不同字体混排,额外指定一份
fontSize的:12 ,
fontStyle:'normal',
fontWeight:'normal'
},
//默认标志图形类型列表
标志链:[
'圆圈', '矩形', '三角形', '菱形',
'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'
],
loadingText:“加载中”,
//可计算特性配置,孤岛,提示颜色
可计算:假,//默认关闭可计算特性
calculableColor: 'RGBA(255,165,0,0.6)',//拖拽提示边框颜色
calculableHolderColor: '#CCC' //可计算占位提示颜色
nameConnector: '&',
valueConnector: ':',
动画:真,
animationThreshold:2500,//动画元素阀值,产生的图形原素超过2500不出动画
addDataAnimation:真实,//动态数据接口是否开启动画效果
animationDuration:2000,
animationEasing:'ExponentialOut'// BounceOut
}