1. 腾来网首页
  2. 开发者博客
  3. 开源项目

Echarts 基本设置 设置图表位置

在 Echarts 文档中查找设置图标位置,设置条形图的位置,设置饼状图的位置,找到很艰辛。

1、设置条形图的位置通过 option.grid 的 x 属性设置图形 x 轴方向距左上角的位置 ,xyx2y2 的的含义如下图:

2、设置饼状图的位置通过 series.center 属性,默认是 [50%, 50%].

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',                 // 水平安放位置,默认为左对齐,可选为:
							   // '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'          // 副标题文字颜色
	}
},
 
// 图例
legend: {
	orient: 'horizontal',      // 布局方式,默认为水平布局,可选为:
							   // 'horizontal' ¦ 'vertical'
	x: 'center',               // 水平安放位置,默认为全图居中,可选为:
							   // 'center' ¦ 'left' ¦ 'right'
							   // ¦ {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,               // 各个item之间的间隔,单位px,默认为10,
							   // 横向布局时为水平间隔,纵向布局时为纵向间隔
	itemWidth: 20,             // 图例图形宽度
	itemHeight: 14,            // 图例图形高度
	textStyle: {
		color: '#333'          // 图例文字颜色
	}
},
 
// 值域
dataRange: {
	orient: 'vertical',        // 布局方式,默认为垂直布局,可选为:
							   // 'horizontal' ¦ 'vertical'
	x: 'left',                 // 水平安放位置,默认为全图左对齐,可选为:
							   // 'center' ¦ 'left' ¦ 'right'
							   // ¦ {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,               // 各个item之间的间隔,单位px,默认为10,
							   // 横向布局时为水平间隔,纵向布局时为纵向间隔
	itemWidth: 20,             // 值域图形宽度,线性渐变水平布局宽度为该值 * 10
	itemHeight: 14,            // 值域图形高度,线性渐变垂直布局高度为该值 * 10
	splitNumber: 5,            // 分割段数,默认为5,为0时为线性渐变
	color: ['#1e90ff', '#f0ffff'],//颜色 
	//text:['高','低'],         // 文本,默认为数值文本
	textStyle: {
		color: '#333'          // 值域文字颜色
	}
},
 
toolbox: {
	orient: 'horizontal',      // 布局方式,默认为水平布局,可选为:
							   // 'horizontal' ¦ 'vertical'
	x: 'right',                // 水平安放位置,默认为全图右对齐,可选为:
							   // 'center' ¦ 'left' ¦ 'right'
							   // ¦ {number}(x坐标,单位px)
	y: 'top',                  // 垂直安放位置,默认为全图顶端,可选为:
							   // 'top' ¦ 'bottom' ¦ 'center'
							   // ¦ {number}(y坐标,单位px)
	color: ['#1e90ff', '#22bb22', '#4b0082', '#d2691e'],
	backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
	borderColor: '#ccc',       // 工具箱边框颜色
	borderWidth: 0,            // 工具箱边框线宽,单位px,默认为0(无边框)
	padding: 5,                // 工具箱内边距,单位px,默认各方向内边距为5,
							   // 接受数组分别设定上右下左边距,同css
	itemGap: 10,               // 各个item之间的间隔,单位px,默认为10,
							   // 横向布局时为水平间隔,纵向布局时为纵向间隔
	itemSize: 16,              // 工具箱图形宽度
	featureImageIcon: {},     // 自定义图片icon
	featureTitle: {
		mark: '辅助线开关',
		markUndo: '删除辅助线',
		markClear: '清空辅助线',
		dataZoom: '区域缩放',
		dataZoomReset: '区域缩放后退',
		dataView: '数据视图',
		lineChart: '折线图切换',
		barChart: '柱形图切换',
		restore: '还原',
		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: {          // 直线指示器样式设置
			color: '#48b',
			width: 2,
			type: 'solid'
		},
		shadowStyle: {                       // 阴影指示器样式设置
			width: 'auto',                   // 阴影大小
			color: 'rgba(150,150,150,0.3)'  // 阴影颜色
		}
	},
	textStyle: {
		color: '#fff'
	}
},
 
// 区域缩放控制器
dataZoom: {
	orient: 'horizontal',      // 布局方式,默认为水平布局,可选为:
							   // 'horizontal' ¦ 'vertical'
	// x: {number},            // 水平安放位置,默认为根据grid参数适配,可选为:
	// {number}(x坐标,单位px)
	// y: {number},            // 垂直安放位置,默认为根据grid参数适配,可选为:
	// {number}(y坐标,单位px)
	// width: {number},        // 指定宽度,横向布局时默认为根据grid参数适配
	// height: {number},       // 指定高度,纵向布局时默认为根据grid参数适配
	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,
	// 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: {            // 坐标轴线
		show: true,        // 默认显示,属性show控制显示与否
		lineStyle: {       // 属性lineStyle控制线条样式
			color: '#48b',
			width: 2,
			type: 'solid'
		}
	},
	axisTick: {            // 坐标轴小标记
		show: true,       // 属性show控制显示与否,默认不显示
		interval: 'auto',
		// onGap: null,
		inside: false,    // 控制小标记是否在grid里 
		length: 5,         // 属性length控制线长
		lineStyle: {       // 属性lineStyle控制线条样式
			color: '#333',
			width: 1
		}
	},
	axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
		show: true,
		interval: 'auto',
		rotate: 0,
		margin: 8,
		// formatter: null,
		textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
			color: '#333'
		}
	},
	splitLine: {           // 分隔线
		show: true,        // 默认显示,属性show控制显示与否
		// onGap: null,
		lineStyle: {       // 属性lineStyle(详见lineStyle)控制线条样式
			color: ['#ccc'],
			width: 1,
			type: 'solid'
		}
	},
	splitArea: {           // 分隔区域
		show: false,       // 默认不显示,属性show控制显示与否
		// onGap: null,
		areaStyle: {       // 属性areaStyle(详见areaStyle)控制区域样式
			color: ['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: {            // 坐标轴线
		show: true,        // 默认显示,属性show控制显示与否
		lineStyle: {       // 属性lineStyle控制线条样式
			color: '#48b',
			width: 2,
			type: 'solid'
		}
	},
	axisTick: {            // 坐标轴小标记
		show: false,       // 属性show控制显示与否,默认不显示
		inside: false,    // 控制小标记是否在grid里 
		length: 5,         // 属性length控制线长
		lineStyle: {       // 属性lineStyle控制线条样式
			color: '#333',
			width: 1
		}
	},
	axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
		show: true,
		rotate: 0,
		margin: 8,
		// formatter: null,
		textStyle: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
			color: '#333'
		}
	},
	splitLine: {           // 分隔线
		show: true,        // 默认显示,属性show控制显示与否
		lineStyle: {       // 属性lineStyle(详见lineStyle)控制线条样式
			color: ['#ccc'],
			width: 1,
			type: 'solid'
		}
	},
	splitArea: {           // 分隔区域
		show: false,       // 默认不显示,属性show控制显示与否
		areaStyle: {       // 属性areaStyle(详见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: {       // 其余属性默认使用全局文本样式,详见TEXTSTYLE
			color: '#333'
		}
	},
	axisLine: {            // 坐标轴线
		show: true,        // 默认显示,属性show控制显示与否
		lineStyle: {       // 属性lineStyle控制线条样式
			color: '#ccc',
			width: 1,
			type: 'solid'
		}
	},
	axisLabel: {           // 坐标轴文本标签,详见axis.axisLabel
		show: false,
		textStyle: {       // 其余属性默认使用全局文本样式,详见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,          // 最小高度改为0
	// barWidth: null,        // 默认自适应
	barGap: '30%',            // 柱间距离,默认为柱形宽度的30%,可设固定值
	barCategoryGap: '20%',   // 类目间柱形距离,默认为类目间距的20%,可设固定值
	itemStyle: {
		normal: {
			// color: '各异',
			barBorderColor: '#fff',       // 柱条边线
			barBorderRadius: 0,           // 柱条边线圆角,单位px,默认为0
			barBorderWidth: 1,            // 柱条边线线宽,单位px,默认为1
			label: {
				show: false
				// position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
				//           'inside'|'left'|'right'|'top'|'bottom'
				// textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE
			}
		},
		emphasis: {
			// color: '各异',
			barBorderColor: 'rgba(0,0,0,0)',   // 柱条边线
			barBorderRadius: 0,                // 柱条边线圆角,单位px,默认为0
			barBorderWidth: 1,                 // 柱条边线线宽,单位px,默认为1
			label: {
				show: false
				// position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
				//           'inside'|'left'|'right'|'top'|'bottom'
				// 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
			}
		},
		emphasis: {
			// color: 各异,
			label: {
				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: {
		normal: {
			color: '#fff',          // 阳线填充颜色
			color0: '#00aa11',      // 阴线填充颜色
			lineStyle: {
				width: 1,
				color: '#ff3200',   // 阳线边框颜色
				color0: '#00aa11'   // 阴线边框颜色
			}
		},
		emphasis: {
			// color: 各异,
			// color0: 各异
		}
	}
},
 
// 散点图默认参数
scatter: {
	//symbol: null,      // 图形类型
	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
			}
		},
		emphasis: {
			// color: '各异'
			label: {
				show: false
				// position: 默认自适应,水平布局为'top',垂直布局为'right',可选为
				//           'inside'|'left'|'right'|'top'|'bottom'
				// textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE
			}
		}
	}
},
 
// 雷达图默认参数
radar: {
	itemStyle: {
		normal: {
			// color: 各异,
			label: {
				show: false
			},
			lineStyle: {
				width: 2,
				type: 'solid'
			}
		},
		emphasis: {
			// 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,
                textStyle: {
                      fontSize: '12',
                      fontWeight: 'bold'
                    }
				// 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: {}
		}
	}
},
 
chord: {
	radius: ['65%', '75%'],
	center: ['50%', '50%'],
	padding: 2,
	sort: 'none', // can be 'none', 'ascending', 'descending'
	sortSub: 'none', // can be 'none', 'ascending', 'descending'
	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'
				}
			}
		},
		emphasis: {
			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: {
			// color: 各异,
			// borderColor: 各异,     // 标注边线颜色,优先于color 
			borderWidth: 2,            // 标注边线线宽,单位px,默认为1
			label: {
				show: true,
				position: 'inside' // 可选为'left'|'right'|'top'|'bottom'
				// textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE
			}
		},
		emphasis: {
			// color: 各异
			label: {
				show: true
				// position: 'inside'  // 'left'|'right'|'top'|'bottom'
				// textStyle: null     // 默认使用全局文本样式,详见TEXTSTYLE
			}
		}
	}
},
 
markLine: {
	// 标线起始和结束的symbol介绍类型,如果都一样,可以直接传string
	symbol: ['circle', 'arrow'],
	// 标线起始和结束的symbol大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
	symbolSize: [2, 4],
	// 标线起始和结束的symbol旋转控制
	//symbolRotate : null,
	itemStyle: {
		normal: {
			// color: 各异,           // 标线主色,线色,symbol主色
			// borderColor: 随color,     // 标线symbol边框颜色,优先于color 
			borderWidth: 2,          // 标线symbol边框线宽,单位px,默认为2
			label: {
				show: false,
				// 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'
				position: 'inside',
				textStyle: {         // 默认使用全局文本样式,详见TEXTSTYLE
					color: '#333'
				}
			},
			lineStyle: {
				// color: 随borderColor, // 主色,线色,优先级高于borderColor和color
				// width: 随borderWidth, // 优先于borderWidth
				type: 'solid',
				shadowColor: 'rgba(0,0,0,0)', //默认透明
				shadowBlur: 5,
				shadowOffsetX: 3,
				shadowOffsetY: 3
			}
		},
		emphasis: {
			// color: 各异
			label: {
				show: false
				// position: 'inside' // 'left'|'right'|'top'|'bottom'
				// textStyle: null    // 默认使用全局文本样式,详见TEXTSTYLE
			},
			lineStyle: {}
		}
	}
},
 
textStyle: {
	decoration: 'none',
	fontFamily: 'Arial, Verdana, sans-serif',
	fontFamily2: '微软雅黑',    // IE8- 字体模糊并且不支持不同字体混排,额外指定一份
	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,       // 动画元素阀值,产生的图形原素超过2500不出动画
	addDataAnimation: true,         // 动态数据接口是否开启动画效果
	animationDuration: 2000,
	animationEasing: 'ExponentialOut'    //BounceOut
};

发布者:腾来分享,转转请注明出处:http://tenglai.net/blog/source/2486.html

发表评论

电子邮件地址不会被公开。

联系我们

18702030367

在线咨询:点击这里给我发消息

邮件:Jason@tenglai.cn

工作时间:周一至周五,9:30-18:30,节假日休息

QR code